top of page
Main.png

Travel Social App

TravelEasy provides an easy way to share and receive personalized travel routes and recommendations, saving relevant content and planning future trips.
Client

TravelEasy

Industry

Social meida & travel

Role

Product Designer

Timeline

~on going, 8 months

Introduction

The Challenge

"Why does planning a trip feel like work?"

Today, the travel experience is fragmented. The modern traveler has to "zigzag" between multiple platforms: they get visual inspiration on Instagram, look for technical locations on Google Maps, and read reviews on TripAdvisor.

The result is high Cognitive Load, loss of Context, and a cumbersome process that kills the excitement before the trip even begins.

Feeling-Lonely-1--Streamline-Barcelona.png
The Opportunity

Travel content creators and bloggers are looking for a better way to share their full itineraries beyond a single photo in a feed. EazyTrip is the platform that bridges the gap, combining the "Vibe" (Visual Inspiration) with "Utility" (Practical Navigation) under one roof.

Research & Strategy

Competitive Analysis

To position the product correctly, I conducted an in-depth market analysis:

Competitive analysis.png

Strategic Conclusion:

There is a market vacuum. Users need a tool that looks and feels inspiring like Instagram but functions practically like a map.

User Research & Insights

User Research & Insights

To better understand user needs, I surveyed 20-60-year-olds around the world. I wanted to understand the current situation and the travelers, pain points before and during a trip.

92%

Travelers need to use more than 2 different platforms to plan their trip

88%

Parents are having a hard time to find activities for kids

72%

Bloggers are not satisfied from the platform the are using to share information

84%

​Travelers would like to get personal recommendation for their future trip

Based on user interviews, I distilled three key pain points:

  1. The Context Loop: Users are frustrated by having to leave the map to read about a place, then navigate back to find it again.

  2. Decision Fatigue: "There are too many options." Users want quick filtering by mood ("I want a drink") rather than complex text searches.

  3. Trust: Users trust "people like them" (friends, influencers) more than algorithms or anonymous strangers.

User Personas

As a Two-Sided Marketplace, EazyTrip must serve two distinct user types: The Professional Creator and The Consumer.

Persona A.png
Persona B.png
User Flow

I mapped out the "Happy Path" for a spontaneous evening plan:

user folw.png
Visual Identity & Branding

I created a Design System that communicates Professional Fun: effortless and energetic, yet reliable and premium.

Typography
I selected a rounded Geometric Sans-Serif font.

  • Rationale: It conveys modernity and accessibility. It fits the "Lifestyle" vibe of travel bloggers and maintains high legibility on mobile screens.

  • Hierarchy: Clear distinction between bold Headers (H1, H2) for scanning and clean Text for reading.

Frame 1171276026.png

Color Palette

  • Primary Action: Vibrant Magenta (#FF0084). A bold, energetic color used only for CTAs (Buttons) and active states to create immediate focus.

  • Neutral Foundation: Dark (#0F0F0F) & White (#FFFFFF). High contrast text on a clean background ensures accessibility and gives "stage time" to the colorful travel photos.

Frame 1171276002.png

System Icons (Navigation & Actions)

  • Style: Bold, Solid and Geometric.

  • Rationale: I chose heavy, filled icons to match the bold weight of the Typography. Unlike thin outline icons, these solid shapes offer higher contrast and better legibility on small mobile screens. They feel "tactile" and clickable.

Frame 1171276017.png

Map Markers (Content)

  • Style: Colorful Emojis (🍕, 🍺, 🎭).

  • Rationale: While the system icons are functional and monochromatic, the map markers are emotional and colorful. Using emojis allows the brain to process location types faster than abstract vectors, making the map feel gamified and inviting.

map.png

UI Components

  • Buttons: I established a clear button hierarchy:

    • Primary: Filled Magenta for main actions (e.g., "New Trip").

    • Secondary: Outlined for alternative choices.

    • Tertiary: Underlined text for subtle links.

  • Navigation: A clean bottom bar with custom icons ensures easy thumb-reach navigation.

Frame 1171276016.png
Frame 1171276024.png

From Idea to Reality

Contextual Discovery

The Goal: Replace the boring search bar with an inspiring "Visual Feed" for Noa (The Consumer).

  • Smart Chips: Instead of typing, users can quickly filter by mood using the top chips (Alcohol, Food, Culture). This reduces decision fatigue.

  • Horizontal Exploration: The "Explore Nearby" and category sections use horizontal scrolling. This mimics the familiar behavior of social media stories, encouraging users to swipe and discover more content without committing to a click.

  • Visual Dominance: Large thumbnails with clear ratings and "Save" hearts allow for quick scanning and decision-making based on vibes.

home page-1.png

Seamless Map Navigation

The Goal: solve the "Context Loop" problem where users lose their place on the map when checking details.

  • Emoji Markers: I replaced generic pins with colorful emojis (🍕, 🍺, 🎭). This makes the map "gamified" and allows instant cognitive recognition of venue types.

  • Dynamic Bottom Sheet: When a user taps a marker, a Bottom Sheet slides up displaying the key info (Image, Title, Rating). The map remains visible in the background, keeping the user anchored in their geographical context.

map.png
map selection 1.png
map selection 2.png

The Creation Suite

The Goal: Provide the Creator with a professional yet simple tool to publish her itineraries.

  • Frictionless Setup: The "Create Route" screen is minimalist. It asks only for the essentials: Name, Description, and Tags. The "Publish" button is prominent (Magenta) to encourage completion.

  • Visual Route Builder: In the edit mode, the creator can easily "Add Destinations" and see them populate on the map immediately. This "What You See Is What You Get" (WYSIWYG) approach ensures her final guide will look perfect.

create route.png
edit route.png

The Itinerary Experience

The Goal: Transform a dry list of places into a "Snackable" visual journey.

  • Rich Header: A large cover image and clear tags (History, Art) set the mood immediately.

  • Visual Timeline: Destinations are presented as large cards with photos, not just text. This helps Noa recognize the building/location when she arrives.

  • Social Proof: I integrated a "Reviews" section with real user photos right on the route page, building trust and community validation.

route.png

The User Profile: Building a Personal Brand

The Goal: To transform a generic user account into a "Travel Creator Hub." For users like Tatiana, credibility is everything.

  • Identity First: Unlike utility apps that hide the user, EazyTrip puts the persona front and center. Large profile photos and a clear Bio ("Lori and Jake’s MOM") help build an authentic connection with followers.

  • Social Authority: Prominent placement of Followers/Following stats establishes the user as a trusted "Voice" in the community.

  • Action Oriented: The primary "Create New" button is highlighted in Vibrant Magenta, constantly encouraging the user to contribute more content to the platform.

my profile.png
userprofile.png

My Trips

The Goal: A dedicated, private workspace for organizing complex travel plans without the noise of the social feed.

  • Visual Recognition: Trips are organized as large cards with selected cover images (e.g., Pizza for Italy, Temples for Thailand). This allows users to recognize and jump into specific trips instantly.

  • At-a-Glance Meta Data: Essential information—dates ("25 Sep-28 Sep") and volume ("3 Routes")—is displayed clearly on the card, saving the user from having to click through just to check a schedule.

  • Status Clarity: The layout clearly separates ongoing adventures from past memories, acting as a digital travel diary.

Ongoing Trips.png

Reflections & Takeaways

This end-to-end project was a lesson in balancing Emotional Design with Functional Utility.

Online-Exams-2--Streamline-Barcelona.png
Key Learnings:
  • Two Sides of the Coin: Designing for a two-sided marketplace (Creators vs. Consumers) required two different mindsets. The Creator needs a Canvas (clean, pro tools), while the Consumer needs a Compass (quick, visual direction). EazyTrip succeeds by merging these flows into one seamless ecosystem.

  • Visuals are Functional: The decision to use Emoji Markers and Vibrant Magenta wasn't just an aesthetic choice, it was a usability solution. In the context of travel, visual cues are processed faster than text, reducing cognitive load significantly.

  • Content is King: As a Product Designer, my job was to step back. By keeping the UI clean (White/Dark/Gray), I allowed the users' photos and experiences to take center stage, proving that a good interface should be invisible when the content is great.

bottom of page