Explore Where to
Go Next
Tripora gives users a simple way to browse hotels, discover destinations and find travel inspiration through a clean, modern mobile UI.
Role: UI/UX Designer
Timeline: 2 weeks
Tool: Figma, Photoshop
Overview
Tripora is a visual-first mobile concept that helps users discover destinations, browse hotels and get inspired quickly.
This mini project focuses on clean UI composition, card-based layouts, and smooth browsing experiences for travel discovery.
Built as a lightweight design exercise, Tripora explores how imagery, spacing and hierarchy can work together to present travel content in a simple, inviting way.
Ideas & Goals
Make destinations and hotels easy to explore with image-led layouts and simple navigation.
Design a fresh aesthetic that fits travel apps while showing my UI design capabilities.
Use clear spacing, typography and card components to present information in a calm, organised way
Allow users to discover places through strong photography and soft visual hierarchy.
Maintain a smooth, scroll-based experience suitable for casual browsing and quick decision-making.
Who are the users?
Primary user
Site worker
Site Snap is designed first for the people who are physically on site every day. They need to get through check-in, induction, tasks and reporting while wearing PPE, under time pressure, and often with limited attention.
Secondary user
Site manager
Needs a reliable view of who is on site, what has been completed with photo evidence, and what hazards have been reported, without interrupting workers constantly.
Starting the day
Arriving at the gate, scanning a QR code to check in, and confirming that today’s induction and PPE are complete before starting work.
Monitoring who is on site
Checking real-time attendance to see which workers are currently signed in and where they are assigned.
Completing today’s tasks
Opening the app to see today’s tasks, quickly spotting which ones need photo evidence, and uploading clear images as proof of completion.
Reviewing safety and work quality
Browsing photo-backed task completions and new hazard reports to decide what needs follow-up or escalation.
UI Screens
Explore page
Search destination
Search results
More results
Hotel information page
Hotel features / Check in date / room options / Room price
Location on map/ Nearby restaurants
Reviews from users / Other results
UI Components
Color System
Brand / primary color
5856D6
000000
FFFFFF
Neutral / Background
000000
333333
D1D1D6
F2F2F7
FFFFFF
Typography
Font:
Nunito Sans
Sizes:
H1: 24 pt - bold
H2: 20 pt - Bold
Title: 16 pt - Regular
Body : 14 - Regular
Button : 14 pt - Bold
Caption: 12 pt - Regular
Radius & Elevation
Cards —16 pt
Buttons — 16 pt
Buttons small & Tags — 36 pt
Shadow / Elevation
Y: 4
Blur: 10
Color: 12% #000000
Layout & Grid
Reference device: iPhone, width 390 pt
Content horizontal margin: 12 pt on both left and right sides
Tile vertical padding: 12 or 24 pt inside each tile (top and bottom)
Spacing
4 pt:
Micro spacing between icons and text, and inside labels.
8pt:
Inner padding for icon buttons and small components.
12 pt:
Vertical spacing between form rows and between content blocks inside cards.
16 pt:
Horizontal padding inside cards and list items.
24 pt:
Vertical spacing between major sections/modules on a page.
Icon& size
Regular: 24 pt
Small: 20 pt
Extra small: 12 pt
Reflection
Tripora allowed me to explore a travel-focused interface with an emphasis on visual hierarchy, card layouts and mobile readability.
Throughout this mini project, I practiced structuring image-heavy content, balancing spacing, and creating a calm browsing rhythm suitable for discovery-based interactions.
The project strengthened my ability to work with photography as a primary UI element and refine small components that support a consistent, modern visual style.