Journey
Travel App
A travel planning app designed from the ground up for the Silent Generation — older adults who find current travel apps overwhelming, fragmented, and impossible to use comfortably. Journey consolidates everything into fewer taps, clearer language, and one shared place for group itineraries.
01 — Overview
Problem & Solution
The Problem
The Silent Generation — people born between 1928 and 1945 — did not grow up with technology and often find digital interfaces deeply frustrating. Current travel apps assume digital literacy and require users to switch between multiple platforms (booking, mapping, communication, itinerary management) to plan a single trip. For older users, this context-switching is overwhelming and results in errors, anxiety, and abandonment of digital tools altogether.
The Solution
Journey is a single app that lets users create travel groups, build shared itineraries, and have all bookings automatically synced in one view — no switching between apps. Designed specifically for users over 60, every interaction is simplified: fewer taps per task, larger touch targets, plain language error messages, and a progressive disclosure model that shows only what's needed at each step.
02 — Deep Dive
Explore the Process
Section 01
Research & Discovery
Generational behaviour research on the Silent Generation, emotional response mapping, infographic analysis of technology adoption patterns, and detailed persona development.
View Research →
Section 02
Design Process
Accessibility-first design decisions, UI behaviour patterns including progressive disclosure and humanised error handling, wireframe flow, style guide, and sketch exploration.
View Process →
Section 03
Key Screens
Full wireframe connection diagram, style guide colours, and hi-fi prototype screens showing the home dashboard, group creation, itinerary view, and booking sync.
View Screens →
03 — Results
Outcomes
3
Platforms Consolidated Into One
AA
WCAG Accessibility Standard Met
↓
Cognitive Load Per Task Reduced
✓
Group Sync Feature User-Validated
04 — Tools & Methods
What Was Used
Industry-standard tools applied across every phase — from generational behaviour research and emotional response mapping through to a WCAG AA-compliant, accessibility-first hi-fi prototype designed specifically for users over 60.
Design & Prototyping
🎨
Figma
Primary tool for wireframe flow diagrams, the full accessibility-first component library (minimum 44px touch targets, 16px body text floor), hi-fi screens, and the interactive prototype covering all key user pathways.
📐
Accessibility Component System
Every component built to spec: 44×44px minimum touch targets, labelled bottom navigation (no icon-only controls), semantic colour + icon pairing, and warm white backgrounds to reduce glare fatigue for older users.
Research & Insight
📊
Generational Behaviour Research
Infographic and literature analysis of Silent Generation technology adoption patterns — surface-level anxiety, error aversion, and fear of irreversible actions all documented before any screen design began.
💡
Emotional Response Mapping
Each documented user emotion (anxiety at open, navigation confusion, fear of mistakes, pride when sharing) mapped directly to a specific design decision — creating a traceable line from research insight to screen behaviour.
Strategy & Mapping
🗺️
Miro
Wireframe connection diagrams, affinity mapping of generational research, persona development boards, and the emotional response validation map linking documented frustrations to design solutions.
🧭
Progressive Disclosure Mapping
Full feature set mapped into two tiers — simplified default view and optional advanced mode — ensuring the app is usable for low-confidence users without stripping features from tech-confident companions in the same group.
Accessibility & Inclusive Design
♿
WCAG 2.1 AA Compliance
All colour combinations verified at 4.5:1 minimum contrast. No information conveyed by colour alone — every status (confirmed, pending, error) uses both colour and a supporting icon. Text floor at 16px, line height at 1.6x or above throughout.
🗣️
Conversational Language Testing
Every error message and system prompt read aloud as a quality test — ensuring language sounds human and helpful, not like a technical failure report that provokes anxiety in less digitally confident users.
Standards & references:
WCAG 2.1 AA
iOS HIG
Material Design 3
Inclusive Design Principles
Progressive Disclosure
Emotional Response Mapping
Section 01 — Research & Discovery
Understanding the Silent Generation
Emotional Response Mapping
Emotional response map — tracing how older users feel at each stage of using a travel app
The research began with emotional response mapping — charting how someone from the Silent Generation would feel at each stage of attempting to plan a trip using current travel apps. The map revealed that frustration peaks at two moments: when the app requires switching to a different platform to complete a task, and when an error message appears that uses technical language rather than plain explanation. Both of these became design constraints for Journey.
Technology Adoption Research
Infographic — technology adoption patterns across generations
Research into technology adoption patterns among older generations revealed that the Silent Generation's primary barrier to digital tools isn't inability — it's confidence. Many can learn new interfaces but give up when they encounter an unfamiliar error, a confusing layout, or a moment where they fear accidentally making an irreversible action. This insight fundamentally shaped how error states, confirmations, and undo features were designed.
User Personas
I developed user personas to capture the diverse mindsets, needs, and behaviors of individuals within the Silent Generation. These personas highlight how different age groups and confidence levels within this demographic might interact with the app, helping to ensure the design accommodates both highly motivated organizers and reluctant users who need extra support.
Persona 01
Dorothy, 72 — Group Organiser
Plans annual trips for her church group of 8 people. Has used a smartphone for 4 years but finds apps confusing. Currently coordinates everything through phone calls and paper lists. Highly motivated to use an app if it makes her job easier — not harder.
Key Needs
Group creation and shared itinerary in one place
Simple way to share plans without technical steps
Reassurance that mistakes can be undone
Persona 02
Robert, 68 — Reluctant Tech User
Wife handles all travel planning. Uses a smartphone for calls and photos only. Willing to use an app if his wife sets it up, but will abandon it immediately if an error appears that he doesn't understand. Needs reassurance at every step.
Key Needs
Humanised, non-technical error messages
Portrait orientation and large tap targets
Roadblock confirmation before any purchase action
Section 02 — Design Process
Accessibility-First Decisions
Design Process Overview
Step 01
Constraints
Hard rules before sketching
Step 02
Sketches
Multiple layout options
Step 03
Style Guide
Accessible colour + type
Step 04
Wireframes
≤3 taps to every goal
Hard Design Constraints — Set Before Any Sketching
Based on research into how the Silent Generation interacts with digital interfaces, four non-negotiable constraints were established before a single screen was sketched. Any design that violated them was rejected regardless of visual quality.
Constraint 01
Maximum 3 Taps to Any Goal
Every core task — view itinerary, add booking, message a group member — must be reachable within 3 taps from home. Research shows completion rates drop sharply when navigation depth exceeds 3 levels for users aged 65+.
Constraint 02
48px Minimum Touch Targets
All tappable elements are at least 48x48px — WCAG AA minimum — to accommodate reduced fine motor precision. Icons are always accompanied by text labels. No icon-only navigation exists anywhere in the app.
Constraint 03
Portrait Orientation Only
Landscape mode is disabled throughout. Older users rarely rotate their phones intentionally and become disoriented when layout shifts unexpectedly. The entire app is designed and optimised for portrait only.
Constraint 04
Humanised Error Messages
Every error state is written in plain conversational language. "Something went wrong" is replaced with "We couldn't load your itinerary — tap here and we'll try again." Every message was tested by reading it aloud to verify it sounded like something said to an older relative, not a system log.
Sketch Explorations
.jpg)
Sketches — navigation and group creation flows
.JPG)
Sketches — itinerary and booking confirmation screens
Multiple sketch rounds explored different approaches to the group creation flow — the feature most unique to Journey. Early sketches placed group management in a separate settings area, but persona research showed the group view should be the home screen itself. For the Silent Generation, seeing familiar travel companions' names immediately on opening the app provides orientation and emotional reassurance before any other interaction.
Style Guide — Accessible Colour System
Colour & Type Decisions
Warm White Background — Primary background throughout the app. Not pure white (#FFFFFF) — slightly warmer to reduce glare fatigue for users with age-related light sensitivity. The warm undertone creates a softer, more comfortable reading experience during extended use.
Primary Yellow — Used for primary actions like "Add Booking," "Create Group," and "Share Itinerary" buttons. Highly visible across different lighting conditions and remains legible for users with reduced color perception. Signals forward progress and positive actions.
Dark Gold Accent — Secondary accent for hover states, active selections, and emphasis text. Provides 5.8:1 contrast against warm white (exceeds WCAG AA). Maintains visual continuity with primary yellow while offering better readability for smaller text elements.
Primary Purple — Navigation elements, icons, and section headers. Purple chosen for its association with wisdom and experience — culturally appropriate for older adults. Provides 4.7:1 contrast on white backgrounds, meeting WCAG AA standards.
Deep Purple — Darker UI elements like bottom navigation backgrounds, card shadows, and secondary text. Creates visual depth without harsh black. Slightly warmer tone reduces eye strain during extended reading sessions.
Near Black — Body text and high-emphasis content only. Provides maximum contrast (18.5:1 ratio on #FAF9F9) for critical information like booking confirmations, times, addresses, and important instructions. Used sparingly to maintain focus.
Critical Design Decisions
Decision 01 — Progressive Disclosure
The default experience shows the simplified view — core information only, no advanced options visible. An optional "More options" toggle reveals filtering, customisation, and advanced booking tools. Dorothy (group organiser persona) sees exactly what she needs; a tech-confident companion in the group accesses the full feature set without the interface feeling simplified for them.
Decision 02 — Roadblocks Before Purchases
A dedicated confirmation screen appears before every financial action: what's being purchased, the total cost, and a prominent back option. Designed to feel like a helpful pause, not an obstacle. This directly addresses the Silent Generation's most consistently cited barrier to digital transactions — fear of making an accidental or irreversible purchase.
Decision 03 — Share Works for Non-App Users
The share itinerary function sends a formatted PDF link via SMS — viewable in any mobile browser without installing the app. This accommodates group members who aren't ready to adopt the app but still need access to the shared travel plan. Group participation doesn't require full app adoption.
User Interface Principles
Every UI decision was made with the Silent Generation's physical and cognitive capabilities in mind. These principles were applied consistently across all screens to create a predictable, learnable interface.
Navigation
Bottom Menu Bar
All primary navigation is placed at the bottom of the screen within easy thumb reach. Research shows older users often use one hand to hold their phone, making bottom-placed controls significantly more accessible than top navigation. The menu is persistent across all screens with text labels — no icon-only navigation.
Wayfinding
Back Button + Breadcrumbs
A visible back button appears at the top left of every screen that isn't the home screen. Breadcrumbs show the path taken to reach the current screen, helping users understand where they are in the app's hierarchy. This addresses the disorientation that older users often experience in deep navigation flows.
Notifications
Limited & Contextual
Notifications are limited to trip-critical updates only — flight changes, booking confirmations, and group messages. No promotional notifications, no engagement reminders. Each notification includes a one-tap action (e.g., "View updated itinerary") rather than just informing the user of a change.
Orientation
Portrait Only
The app is locked to portrait orientation throughout. Landscape mode is disabled to prevent accidental rotation and the resulting disorientation. Older users rarely rotate their phones intentionally, and layout shifts can be confusing when they occur unexpectedly during normal use.
Sharing
One-Tap Share Icon
A prominent share icon appears on itinerary screens, allowing users to send the travel plan to group members via SMS or email with a single tap. The shared content is a formatted PDF viewable in any browser — no app installation required for recipients.
Behavior Patterns
The app implements specific behavior patterns designed to accommodate varying levels of digital confidence while maintaining full functionality for all users.
Pattern 01
Progressive Disclosure
The default interface shows a simplified version of the app with only essential features visible. An optional "More options" toggle reveals advanced features like filtering, customization, and detailed booking management. This allows Dorothy (the group organizer persona) to see exactly what she needs, while a tech-confident companion in the same group can access the full feature set without the interface feeling dumbed down.
Pattern 02
Search Suggestions
When users begin typing a destination, the app provides destination suggestions based on popular travel locations and past searches. Suggestions include small preview images and brief descriptions (e.g., "Paris, France — Popular for museums and cafés") to help users recognize the correct destination without needing to type the full name or spell it perfectly.
Pattern 03
Exploration Without Commitment
Users can browse destinations, view sample itineraries, and explore booking options without creating an account or providing any personal information. Only when they're ready to save an itinerary or make a booking does the app request login. This reduces the initial barrier to entry and allows hesitant users to build confidence before committing.
Secondary Actions & Error Handling
How the app responds to user mistakes and uncertainty is critical for building trust with the Silent Generation. These patterns ensure users feel supported, not punished, when errors occur.
Handling Errors
Humanized Error Messages
Every error message is written in plain conversational language and tested by reading it aloud. "Error 404: Resource not found" becomes "We couldn't load your itinerary — tap here and we'll try again." Messages explain what happened and what to do next, never just announcing that something went wrong without guidance.
Undo & Cancel
30-Second Undo Window
Any edit to an itinerary can be undone within 30 seconds — a toast notification appears at the bottom of the screen with "Undo" in large, tappable text. This addresses the Silent Generation's fear of making irreversible mistakes. Users learn quickly that the app allows exploration without permanent consequences.
Navigation History
Session Recovery
If the app is backgrounded or closed during a task, the user returns to exactly where they left off when reopening — the navigation stack is preserved. This prevents the frustration of losing progress and having to start over, which is a common abandonment point for older users.
Purchase Roadblock
Confirmation Before Payment
Before any purchase, a dedicated confirmation screen appears showing: what's being purchased, the total cost, and a large "Back" button. This roadblock is designed to feel like a helpful pause rather than an obstacle. It directly addresses the Silent Generation's most consistently cited barrier to digital transactions — fear of accidental or irreversible purchases.
Section 03 — Key Screens
Wireframes & Hi-Fi Prototype
Wireframe Flow — All Connected Screens
Flow Highlights
Onboarding — 3 screens maximum; name, destination, group setup before reaching home
Group creation — invite via SMS or email; recipients can view the shared itinerary in a browser without installing the app
Booking sync — flights, hotels, activities added once and immediately visible to all group members in the shared view
Itinerary — day-by-day vertical timeline with times, locations, and links to external booking confirmations
All paths ≤ 3 taps — diagram confirms no goal requires more than 3 navigation steps from the home screen
Final Hi-Fi Prototype
Key Screens
Home — group member names and photos at top; next trip countdown; today's itinerary card visible without scrolling
Trip View — scrollable day-by-day itinerary; persistent "Add Booking" button fixed at bottom of screen at all times
Group Screen — list of travel companions with sync status; prominent "Share Itinerary" button visible immediately
Booking Detail — confirmation number, check-in time, address with one-tap map link; formatted for quick scanning
Purchase Confirmation — plain-language roadblock before any transaction; summary card, cost, and large back button
Screen-by-Screen Rationale
Home Screen
People-First Layout
The home screen leads with group members' names and photos — not a generic travel dashboard. For the Silent Generation, seeing familiar faces immediately on opening provides psychological orientation and emotional motivation to engage with the app. It mirrors how they'd think about a trip: "I'm going with Dorothy and Frank."
Itinerary View
Vertical Timeline Model
Presented as a vertical timeline rather than a calendar grid. Timelines are a familiar mental model for travel planning that predates digital tools. Each day is a collapsible card — tapping expands full details without navigating away, so context is never lost.
Error States
Conversational Language
"We couldn't sync your booking — tap here and we'll try again" replaces the standard error pattern. Every message was tested by reading aloud to ensure it sounded helpful and human — not like a system failure report that provokes anxiety in less confident users.
Emotional Response Map
Design Validates Research
The emotional response map confirmed the design addressed every key frustration point identified in research: group member names reduce anxiety at open; labelled bottom navigation eliminates confusion; roadblock screens remove fear of mistakes; one-tap sharing builds confidence when sending plans to others.
Project Reflection & Impact
The primary goal of this project was to design an app tailored specifically for the Silent Generation — a group that often faces significant challenges when interacting with modern technology. From the very beginning, the focus was on creating a user experience that aligns with their habits, preferences, and comfort levels, rather than expecting them to adapt to conventional digital patterns.
One of the biggest obstacles during the design process was putting myself in the shoes of users from this age group — understanding how they think, what they value, and what kind of features or interfaces might overwhelm or confuse them. It required a thoughtful and empathetic approach, where every design decision — from navigation flow to visual clarity — was made with their specific needs in mind.
This meant simplifying interactions wherever possible, reducing cognitive load by showing only essential information by default, and ensuring that the overall experience was both intuitive and reassuring for older users who may not be confident with digital tools. Features like progressive disclosure, humanized error messages, purchase roadblocks, and the ability to share itineraries without requiring app installation all emerged from deep research into the barriers this generation faces.
Impact 01
Consolidated Experience
By bringing group creation, itinerary building, booking management, and communication into a single app, Journey eliminates the context-switching that causes the Silent Generation to abandon digital tools. Users no longer need to jump between three different apps to plan one trip.
Impact 02
Confidence Through Design
Every interaction was designed to build confidence rather than assume it. The 30-second undo window, humanized error messages, and purchase roadblocks all signal to users that mistakes are recoverable and the app is on their side — fundamentally changing the relationship older users have with digital tools.
Impact 03
Inclusive, Not Simplified
Progressive disclosure ensures the app remains fully functional for all users while presenting a simplified default view for those who need it. Tech-confident group members aren't frustrated by a dumbed-down interface, while less confident users aren't overwhelmed by advanced features they don't need.
Learning
Empathy as Method
The greatest challenge — and the greatest learning — was developing genuine empathy for users whose relationship with technology is fundamentally different from mine. Every screen, every interaction, and every word was filtered through the question: "Would Dorothy understand this? Would Robert trust this?" That discipline shaped not just the final design, but my entire approach to accessible, inclusive UX.