PetGo
A unified pet supplies & pharmacy delivery app — built for convenience, designed for pet owners.
App Screens
What is PetGo?
PetGo is a cross-platform mobile application that consolidates pet supplies and pharmacy products from multiple stores into one seamless shopping experience. Pet owners no longer need to juggle multiple apps or websites — PetGo brings everything to a single, beautifully designed interface.
The app was designed and developed end-to-end — from initial user research and wireframing in Figma, through to a fully functional Flutter application backed by a real Supabase database.
Project Snapshot
- TypeMobile E-Commerce / Delivery App
- DurationPersonal Project
- Screens10+ unique screens
- Design ToolFigma
- FrameworkFlutter (Dart)
- BackendSupabase (PostgreSQL)
The Problem
Fragmented Experience
Pet owners had to visit multiple apps and websites to source food, accessories, and medications for their pets — a time-consuming and frustrating process.
Poor Discoverability
Finding specific pet products across scattered platforms was difficult, with inconsistent search quality and no unified filtering system.
No Unified Delivery
There was no single platform offering consolidated delivery from multiple pet stores and pharmacies, forcing users to place separate orders.
How PetGo Solves It
One App, All Stores
PetGo aggregates products from multiple pet stores and pharmacies into a single, consistent shopping interface — eliminating the need to switch between apps.
Clean, Accessible UI
A dark-themed, accessibility-first design with clear visual hierarchy, intuitive navigation, and smooth micro-interactions that feel native on both iOS and Android.
Real Backend, Real Data
Powered by Supabase for authentication, product data, and order management — giving the app production-grade reliability with real-time capabilities.
Cross-Platform Performance
Built with Flutter for a single codebase that delivers a truly native experience on both iOS and Android without compromising on performance or visual fidelity.
Flutter Developer &
UI/UX Designer
I owned this project end-to-end — from the first user research session to the final production build. This dual role gave me a holistic perspective on the product, allowing design decisions to directly inform development choices and vice versa.
- Conducted user research to identify pain points in existing pet supply apps
- Designed all screens in Figma — wireframes, component library, and high-fidelity prototypes
- Developed the full Flutter application with clean architecture patterns
- Integrated Supabase for authentication, database, and real-time order updates
- Performed accessibility audits and iterative usability improvements
- Optimised performance for smooth 60fps rendering on mid-range devices
Design Process
Discover
User interviews, competitive analysis, and pain point mapping to understand what pet owners actually need.
Define
User personas, journey maps, and information architecture to frame the core problem and scope.
Design
Low-fidelity wireframes → component library → high-fidelity Figma prototypes with interactive flows.
Deliver
Flutter implementation, Supabase integration, QA testing, and iterative refinement based on feedback.
User Experience Considerations
Accessibility First
- WCAG 2.1 AA colour contrast ratios throughout
- Semantic labels on all interactive elements
- Scalable text supporting system font size preferences
- Touch targets minimum 44×44pt for motor accessibility
Cognitive Load Reduction
- Progressive disclosure — show only what users need at each step
- Consistent navigation patterns across all screens
- Clear visual hierarchy with purposeful whitespace
- Inline validation to prevent errors before submission
Performance Perception
- Skeleton loading states to reduce perceived wait time
- Optimistic UI updates for instant feedback on actions
- Smooth 60fps animations that feel native
- Cached images for instant re-renders on revisit
Emotional Design
- Warm, pet-friendly iconography and micro-copy
- Celebratory micro-animations on order confirmation
- Personalised empty states that guide rather than frustrate
- Dark theme that reduces eye strain during evening browsing
Key Features
Multi-Store Browsing
Browse pet supplies and pharmacy products from multiple vendors in a single unified interface.
Smart Search & Filters
Category-based filtering and keyword search to find exactly what your pet needs in seconds.
Seamless Cart & Checkout
Frictionless add-to-cart flow with real-time price calculation and delivery estimation.
Order Tracking
Live order status updates from placement to doorstep delivery with push notifications.
Pharmacy Integration
Access pet medications and health products alongside regular supplies in one app.
User Profiles & History
Saved addresses, order history, and personalized recommendations for returning users.
Tech Stack
Challenges & Solutions
Multi-vendor data consistency
Designed a unified product schema in Supabase that normalises data from different store sources, ensuring consistent UI rendering regardless of vendor.
Complex navigation architecture
Implemented a nested navigator pattern in Flutter with bottom tabs and stack-based sub-routes, keeping state isolated per tab for a native-feeling experience.
Accessibility for diverse users
Applied semantic labels, sufficient colour contrast ratios (≥4.5:1), and scalable text to ensure the app is usable for pet owners of all ages and abilities.
Performance on low-end devices
Used lazy loading, image caching, and const constructors throughout the widget tree to keep frame rates smooth even on entry-level Android devices.
Final Outcome
PetGo demonstrates my ability to take a product from zero to a fully functional, production-ready mobile application. The project showcases the intersection of thoughtful UX design and clean Flutter engineering — delivering a real solution to a real problem that pet owners face daily.