top of page
My Role
UX Research | UX/UI Design | Branding | Animation | Style guide
Tools
Figma
Photoshop
Illustrator
After effects
Year
2022
The Problem
Most weather apps are the same: basic, monochromatic and repetitive. It just shows that not too much has been done to design this kind of apps, based mostly on the need than on the design side of the app. Furthermore, it is mostly uncomfortable navigating in most weather apps.
The Solution
I offer you - Demeter! A cool, hipsterish, colorful app, that is here to brighten your day with warm tonal gradients, and cutting edge art while scrolling through the pages.. Enjoy the weather like you're suppose to, rainbow like!
Idea
🌟 App Features
My app is based on one main flow with two sub-flows:
Weather information, choose location, and AR weather forecast.
Augmented Reality weather forecast in your home!
I researched the works of Magdiel Lopez - his history, his ideas, and most important: his art and practice. Influenced by the ideas and creativity of the artist, I re-imagined a re-branding for an old weather app, with buckets of gradient paints, neon lights, with collage of organic and lively images, disassembled in a portrait format.
Inspirational work created by Magdiel Lopez
📊 Visual research
Research
Research
📊 Competitive Analysis
The idea behind Demeter was to look for a repetitive traits other weather apps have, and create something different, unique.
After market research I made, I noticed most apps focuses on 3 main flows:
daily weather, Locations, and radar.
The main issues I discovered: they have Intrusive pop-up advertisements, and Lack of customization, while keeping it plain and informatic-only app.
The main weather apps I researched
Accuweather
Radar Scope
.png)
Yahoo Weather
Carrot Weather
Weather Underground
📊Weather apps building blocks
After the research I summarized and simplified the inner skeleton of these apps, and rebuilt them into 3 main screen - Main screen, Switch location, Weekly weather update.
Like in most weather apps,
The main menu screen shows basic info about today's weather, such as Temperature, Humidity,
and Visibility.
Other features include Lunar changes, wind graphs, and radar maps.
Popular charts in these apps are Hours, Daily, Humidity and Air quality.
Empathize
👨🏻 Persona
I created the persona that is the target audience of this app.
Name
Jonathan Lee
Relationship
Single
Background
Jonathan is a vegan, a traveller, and a music geek, who loves his Vinyl collections. He exercises sprints and walks in the park with his dog bingy. when possible, he is traveling across countries around cali.
Because Jonathan is well aware of his looks, He hates running in the rain, what mess up his hair. He usually checks the weather before traveling, and keeps an ear for the forecast on His mac.
Jonathan has high standards for visual design, his always on the lookout for new apps and eye catchers to ease his mind for inspiration at work or by the end of the day. Jonathan finds himself in search for interesting traveling equipment, that will suffice rainstorms, humid days, or even snowy weather will traveling up north.
Age
35
Job Title
Tattoo artist
Location
California, USA
Pain Points
Find the weather apps boring, basic and not interesting to look at, as well as hard to navigate. Furthermore, his in the search for a good weather app, that does not have those pesky commercials popping in all the time.
Personality
Jonathan has a chill personality, people might say he is apathetic. He likes to keep to himself, while traveling he enjoys his peace and quiet, and enjoys some screen time even when surrounded by nature.
Pathfinding
🎯 User journey
I created one major flow that share most of the information my persona will look for, as well as two extra sub-flows: Change location, and AR weather check.
Main flow
Change location
AR Weather check
UI design
🎨 Style guide
D.N.A Breakdown
These are the building blocks I used to create my work, the DNA of Demeter app.
Portrait
format
Saturated
gradient
Frame typography
Centered
object
Disassembly
Geometric
and organic collage
Colors
Typography
Icons
I based the product DNA on 6 major Design methods, inspired by Lopez's art. Portrait format, saturated gradient, frame typography, centered object, disassembly, and geometric / organic collage.
Tech
🎁 Special features
I made it easier for the users to check the weather
while harnessing the new and advanced AR technology. Now you can view the rainy clouds or a sunny day from inside your house.
Social
🖥️ Social media
I created a short commercial video for the app, as well as printable poster, spreading the idea behind the app.
Thank you!
bottom of page