Cloud Hopper

Cloud Hopper

Travel smart with synced itineraries that deliver dynamic weather alerts, packing tips, and confidence for every flight.

My Role

Product Designer, UX/UI

Project Type

Independent Concept

Platform

iOS

tools used

Figma, Adobe XD

Introduction

Cloud Hopper helps travelers stay one step ahead by turning flight itineraries into dynamic weather forecasts. By syncing trips and delivering timely alerts, the platform ensures users always know what to expect and how to prepare. Each journey feels smoother, smarter, and more reliable with weather that travels with you.

Problem

Travel planning tools usually keep weather and itineraries separate, forcing users to juggle multiple sources. This leads to packing mistakes, stress, and missed opportunities to prepare for changing conditions.

Alerts: Warnings arrive late or without context, making them hard to act on
Reliability: Sudden forecast shifts aren’t explained, eroding trust
Planning: Tracking weather across multiple cities and legs is cumbersome

Research

Forecasting the Gaps

  • Eco-conscious values drive travel choices, though follow-through varies.
  • Cost and convenience often outweigh sustainability when booking.
  • Travelers want to save money, simplify planning, and reduce stress.
  • Fear of delays, cancellations, and fees discourages exploration..
  • Trust in airlines, apps, and partners is key for loyalty.
  • Confidence depends on how well users compare prices and reviews.
  • Alerts and calendar syncing remain the most trusted tools.

What Users Say & Feel

  • Says: "I want a fair, straightforward way to trade items without worrying about scams."
  • Thinks: "Is this trade worth it? Can I trust the other person and the item's quality?"
  • Feels: "I feel frustrated with how complicated trading can be, but I’m love when a deal is fair."
  • Does: "I research values, donate items, or try to trade small things to see how it goes."
  • Pains: ”It’s hard to trust people, and coordinating big trades takes a lot of time."
  • Gains: "I love the idea of trading safely and walking away with something valuable."

Personas

Cloud Hopper helps travelers plan with confidence as they move from city to city. These personas guided decisions on itinerary syncing, weather insights, and real-time updates.

Mer. Worldwide

44
Entertainer
Nwe York, NY
"I need a weather app with quick updates, multiple locations, and zero surprises when I land. Reliable alerts and easy comparisons would keep my trips on track."
Organized
Thorough
Driven
Efficient

Outdoorsy Olivia

37
Teacher
Aurora, CO
"Planning ahead is crucial, so I want to know what weather to expect next to plan my week. A clear forecast timeline would help me avoid last-minute scrambles."
Resourceful
Curious
Planner
Green

Needs and Challenges

Real problems from real people, shaped by the need for reliable weather insights, itinerary syncing, and travel confidence.

Point-of-View Statements 

  1. I’d like to help fans discover and enjoy live-streamed concerts from smaller artists without the barrier of expensive tickets or travel.
  1. I’d like to help artists reach wider audiences by giving them reliable tools to host, engage, and monetize their performances.
  1. I’d like to help music communities feel more connected by making live-stream access simple, organized, and interactive.

How Might We Statements

  1. How might we make live-stream concerts more accessible and affordable so fans can connect with smaller artists anywhere?
  1. How might we provide artists with simple tools to engage fans, build community, and earn from performances?
  1. How might we create a centralized hub where fans can easily discover, track, and share live-streamed events?

Key Features

The details that make travel planning effortless, informed, and weather-ready.

Timene Weather

See hour-by-hour conditions for departure, layovers, and arrival, synced to your itinerary.

Disruption Alerts

Get notified about storms, delays, and connection risks before they impact your trip.

Smart Packing List

Auto-build packing tips based on forecast, trip length, and planned activities.

Offline Trip Mode

Save forecasts and tips for use in-flight or abroad without data.

Airport Impact Map

Check weather risks around each airport, from visibility to winds and ground delays.

Itinerary Sync

Import flights and stays from email or calendar, organizing every leg in one place.

Low-Fidelity Wireframes

Rough frames, clear decisions — speed over polish.

Iteration Notes

  • Focused on integrating flight itineraries with weather forecasts so travel plans and conditions were linked in one view.
  • Iterated on weather card layouts to balance detailed data with easy scanning for travelers.
  • Prioritized dashboard simplicity, ensuring a full trip could be understood at a single glance.
  • Explored alert formats to deliver notifications for packing, delays, and severe conditions.
  • Defined upload and sync flows that kept itineraries automatically updated and accurate.

High-Fidelity Wireframes

Refined frames, ready to ship — polish with momentum.

Design Considerations

  • Refined the design to feel lightweight and travel-friendly, matching the mobile use case.
  • Built forecast cards with icons and hierarchy to highlight current and future conditions.
  • Applied visual hierarchy so urgent alerts like delays or storms stood out quickly.
  • Integrated smart suggestions such as packing tips based on upcoming weather.
  • Designed the platform with a mobile-first approach, anticipating heavy use while on the go.

From Insight to Impact

Cloud Hopper — Weather You Can Act On

Travel weather made predictable and actionable—explained, timely, and trip-aware.
  • Trip-aware views. Multi-city, multi-leg itineraries show the whole journey at once.
  • Explain the “why.” Forecast shifts include short, human-readable reasons.
  • Right-time alerts. Severity-based notifications arrive early—with clear next steps.
  • No surprises. Time zones auto-convert; landing conditions are previewed in context.
  • Confidence tools. Reliability badges and trend lines show how much to trust a call.
  • Offline ready. Quick summaries cache so plans stay visible on the go.

Don't take my word for it – See for yourself!