Introducing Mappy ๐บ๏ธ โ An elegant visual travel journal and memory mapping mobile companion.
Memories are tied to places, but standard photo galleries are organized by dates, losing geographical context. Mappy was built to let travelers and explorers pin their life stories, photo moments, and notes directly onto an interactive world map.
Users can:
โ Pin photos, stories, and thoughts to precise GPS coordinates
โ Navigate an interactive 3D map with custom pin grouping and cluster zoom
โ Capture memories entirely offline with seamless cloud sync upon reconnect
โ Curate personalized trip timelines and revisit past travels geographically
โ Share private journey maps with friends and travel companions
Behind the Scenes:
Developed with React Native, TypeScript, and SQLite for an offline-first architecture. Utilized MapKit with custom cluster rendering for thousands of pins without frame drops. Implemented client-side image compression to ensure rapid cloud uploads while conserving cellular data.
A tranquil, personal digital diary praised by travelers for its clean, map-centric interface.
GoVista Journeys - A travel landing page designed to make people dream of their next destination.
A travel company based in Leicester, UK, needed a visually engaging landing page to showcase its destinations and travel experiences while its larger website was being prepared.
The goal was simple: make a strong first impression through beautiful travel imagery, a clean layout, and a design that makes people want to explore more.
Because in travel, the journey can begin long before the booking. โ๏ธ
What catches your attention first on a travel website: the images, the destinations, or the overall design?ย ๐
Designed a trustworthy FinTech mobile app for global money transfers.
Process: Started with user flow & wireframes for 3-tap transfer, then built a scalable design system in Figma with 100+ components.
Outcome: Final UI focuses on clarity and trust โ from onboarding to Home Dashboard ($12,450 balance), Send Money, and Money Sent success state. Built for conversion and speed.
Tools: Figma, iOS Design System, SF Pro
Tags: Mobile App, FinTech, UI/UX, Product Design
Atlas of Cities โ Editorial Web Design & Brand Identity System
Description
Overview:
Atlas of Cities is an editorial-driven web experience designed to translate complex urban analytics, housing statistics, and green space data into compelling, human-readable visual stories.
Design Highlights:
Modular Grid System: Engineered a high-density, structured layout balancing editorial typography with high-impact data visualization.
Editorial Typography: Paired clean display serif typography with ultra-legible body fonts to deliver a premium publishing aesthetics.
Brand Identity & Color Palette: Minimalist high-contrast palette (Signal Red, Neutral Gray, Off-White) optimized for maximum legibility and brand authority.
โCross-Platform Responsive Design: Fully adapted desktop and mobile interfaces, ensuring a seamless reading experience across all devices.
Turning urban analytics and housing stats into human-readable visual stories is a noble brief. The Signal Red accent cutting through the off-white gives it that premium editorial punch, and the modular grid keeps the density under control.