Bringing a local favorite online
Swansons Nursery Mobile App & Design System
Background
CONTEXT & MY ROLE
Swansons Nursery is a cherished local plant shop with a long-standing connection to its community. Looking to expand beyond its physical space, the shop set out to create a digital experience that reflects its welcoming atmosphere and passion for plants. I was commissioned to design their first-ever app—a tool to bring Swansons’ offerings, expertise, and charm into the hands of new and existing customers.
As both designer and longtime Swansons customer, I led the project from ideation to delivery — crafting the UX, brand system, and illustration library. My work focused on creating a cohesive, intuitive app experience tailored to the shop’s values and audience, with a goal of capturing the same warmth and knowledge users expect from their in-store visits.
GOALS
Build an all-in-one platform for plant discovery, education, and online shopping.
Simplify ordering and order tracking for customers.
Offer accessible plant care tips and seasonal guidance.
Bridge the in-person experience with a seamless digital extension to increase engagement and sales.
Onboarding Flow
The onboarding flow for the Swansons Nursery app sets the tone with a friendly, plant-loving personality. Illustrated screens highlight Swansons’ core values — quality, satisfaction, and ease of shopping, before guiding users smoothly into account creation. The design is clean, welcoming, and visually rich, offering multiple sign-in options and a fast path to getting started, ensuring users feel at home from the first tap.
App login 2
Splash screen
App login 1
Introduction 3
Introduction 1
Introduction 2
Home Screen & Wishlist
The homepage is the central hub of the Swansons Nursery app, greeting users with tailored product suggestions, special offers, and quick filters by plant type. A clean layout and intuitive navigation aims to make browsing feel effortless.
Wishlist is easily accessed from the homepage, it lets users save their favorite plants for later. With filter options by plant category, users can quickly revisit top picks, track popularity, and move from browsing to purchasing with ease.
Home screen video
Home screen
Most popular
Notification center
Wishlist
Search, Filter, Product Details & Reviews
The search and filter experience is designed for discovery, allowing users to easily browse Swansons' growing catalog. Users can sort by category, price, popularity, and rating to find exactly what they're looking for. Each product page provides high-res imagery, clear pricing, and stock info, along with a quantity selector and add-to-cart button for a seamless checkout journey. The integrated review system highlights real user feedback and star ratings, making it easy for customers to trust their choices and feel confident about their purchases.
Search
Filter search
Product detail
Reviews
Cart & Checkout
The cart and checkout flow is designed to be intuitive and friction-free. Users can easily review, edit, or remove items from their cart, with a real-time price summary. The experience balances simplicity with flexibility, offering multiple shipping speeds and payment methods to accommodate user preferences and ensure a seamless path to purchase.
Remove item
Cart view
Checkout screen
Update payment
My Orders
The My Orders screen offers an organized view of both active and completed purchases. Users can easily track the status of current deliveries with real-time updates and order history. Once orders are completed, users are encouraged to leave reviews directly from the interface, fostering engagement and helping future buyers. The experience is built to reinforce trust and satisfaction throughout the post-purchase journey.
Active orders
Track order
Completed orders
Review order
Profile & Help Center
The Profile and Help Center pages give users full control over their account and access to support. Users can manage personal details, addresses, notification settings, and payment methods all in one place, while the Help Center offers quick customer service through chat and links to the website and social platforms.
Saved addresses
Profile screen
Help center
Customer service
Design System
The design system was built to reflect the shop’s botanical charm while ensuring usability and consistency across every screen. It includes a cohesive set of components, typography, iconography, illustrations, and a nature-inspired color palette that evokes freshness and aesthetic harmony.