Project Overview

My role

Sole contributor

Project type

UX Design Assessment

Duration

5 days

Tools

Figma

My role

UX/UI Designer

Project type

End-to-end mobile application

Duration

5 days

Tools

Figma

Problem

Checking weather across multiple locations and time zones is often fragmented and inefficient. Most weather apps lack long-term planning tools for travelers or users with multiple destinations.

Objective

Create a responsive mobile experience that combines accurate short- and long-term forecasts with location tracking and travel-specific features.

Solution

Cloud Hopper offers a simple and intuitive interface that helps users stay ahead of changing weather across cities and trips. With dynamic forecast views, personalized dashboards, and interactive maps, users can plan with confidence on any timeline.

Project Goals

Primary Goals

Multiple Location Tracking

Create an easy way to access weather for multiple locations

Future Weather Forecasting

Include a 5-day forecast with the ability to quickly scan and compare

Weather and Travel Insights

Provide insights for both short-term and long-term planning

Target Users

Primary

Frequent travelers / people living across multiple cities

Secondary

Long-range planners (e.g., outdoor enthusiasts, farmers)

POVs and HMWs

I created POV (Point of View) and HMW (How Might We) statements to clearly define the user's needs and challenges.

Problem Statement #1

Individuals currently lack trust in strangers when engaging in trade exchanges, leading to hesitation and reduced confidence in completing transactions.

POV Statement #1

I’d like to help individuals feel more confident and secure when engaging in trade exchanges as they often lack trust in trade partners that they do not know personally.

HMW Statement #1

How might we build trust and create a sense of security for individuals when engaging in trade exchanges with strangers?

Problem Statement #2

Individuals currently face difficulty managing the logistics surrounding exchanges of goods and services, leading to frustration and inefficiencies in completing trades.

POV Statement #2

I’d like to help individuals easily manage the logistics of trading goods and services, as they usually face challenges which lead to frustration inefficiencies throughout the trade process.

HMW Statement #2

How might we simplify and streamline the logistics of trading goods and services to reduce frustration and make exchanges more efficient?

Problem Statement #3

Individuals currently struggle to determine the value, condition, and authenticity of items before trading or purchasing through online marketplaces, leading to uncertainty and hesitation through the process.

POV Statement #3

I’d like to help individuals feel confident in the value, condition, and authenticity of items they are trading for by providing tools and resources to reduce uncertainty when considering trades.

HMW Statement #3

How might we help individuals determine the value, condition, and authenticity of items before trading to reduce uncertainty and build confidence in the process?

Problem Statement #1

Frequent travelers often struggle to keep track of weather conditions across multiple destinations, making it difficult to plan trips effectively or pack appropriately.

POV Statement #1

I’d like to help individuals who travel often or live across different cities stay informed about real-time and future weather conditions in all of their key locations.

HMW Statement #1

How might we help users manage and compare weather across multiple locations so they can plan with confidence?

Problem Statement #2

Long-term planners such as outdoor enthusiasts and farmers lack easy-to-use tools that provide seasonal or trend-based weather insights in a digestible format.

POV Statement #2

I’d like to help individuals who plan ahead for months at a time make more informed decisions by giving them access to easy-to-read long-term forecasts and trends.

HMW Statement #2

How might we simplify long-term weather forecasting so users can spot trends and plan ahead with less guesswork?

Problem Statement #3

Existing weather apps often focus solely on daily conditions, missing opportunities to personalize content based on a user’s travel plans or preferences.

POV Statement #3

I’d like to help users receive relevant, personalized weather updates—especially when it relates to upcoming trips, flights, or preferred locations.

HMW Statement #3

How might we personalize weather information based on a user’s travel habits, preferences, or scheduled plans?

Key Features

Based on the goals outlined in the design brief, problem statements, and insights from user personas, I focused on four core features that would have the highest impact for travelers and long-term planners. These features were chosen to balance functionality, ease of use, and real-world weather planning needs.

Multi-Location Support

Users can add, remove, and reorder cities to track weather across multiple locations

5-Day Forecast with Visual Trends

Users can view and compare 5-day forecasts with color-coded icons and temperature graphs

Long-Term Weather Trends

Supports forward planning with 1, 3, and 6-month forecasts, displayed alongside previous year’s data

Travel Integration

Upcoming trips display weather details for both departure and destination cities

UI Components

Color Pallet

A foundation of navy and sky blue provides clarity and trust, while coral and orange accents highlight key details like alerts and temperature. Soft beige and gray tones support readability and visual balance.

Typography

Cloud Hopper uses DM Sans for its clean, modern look and strong legibility across UI components. To bring added emphasis and personality to key elements, Manrope is used as a bold accent typeface, creating a balanced and approachable feel throughout the app.

Neutral