With ever-growing and diversifying competition both offline and online, businesses today need to be more creative and innovative than ever to capture their customers' attention and drive engagement. With SnackWise, I turned this challenge into an opportunity by deepening my understanding of responsive web design to create an e-commerce platform offering convenient, nutritious snacks for diverse office needs and promoting a healthier work environment.
Challenge
Many offices lack diverse, healthy snack options, which can negatively impact employee well-being and productivity. Existing subscription services fall short in customization and scheduling, creating a gap for a platform that offers tailored, nutritious snacks for the office environment.
Outcome
The final product was a dynamic, visually appealing, and highly responsive landing page that ensured a consistent, engaging experience across both desktop and mobile devices. The platform was designed to convert curiosity into action, encouraging users to explore, engage, and ultimately subscribe to SnackWise’s offerings.
Role
I undertook the project independently, assuming responsibility for all aspects, including research, visual direction, UI design, prototyping, and a cohesive design language system. This project was completed as part of the 10kdesigners cohort.
Academic Project
Website Design
E-commerce
2023
The primary goal for the landing page was to highlight the benefits of convenient, healthy workplace snacks, paired with effortless navigation.
Discovery and Research
The process began with in-depth market research, analysing competitor websites, user behaviour patterns, and industry trends. The key objective was to determine - how SnackWise could offer a superior digital experience? A thorough customer journey analysis was done, to map out the stages users go through—from discovery to decision-making.
Visual Identity
With clear market insights, the next step was to develop a strong visual identity. A vibrant colour scheme dominated by greens was chosen to attract attention and communicate the freshness and healthiness of the snacks. Champ typeface was selected for its bold and playful character, adding a touch of approachability and energy, while Suisse Int'l provided a clean and modern contrast, enhancing readability and usability.
Design and User Experience
The layout was designed to be clean and airy, with prominent calls-to-action guiding users through the site. Vibrant colours served as visual dividers, breaking content into digestible sections and enhancing navigation. Original illustrations, hero banners, and product photos were integrated to reinforce the brand’s value proposition and differentiate SnackWise from competitors.
Ensuring responsive design provided a seamless experience across desktop and mobile devices by adapting UI elements to fit various screen sizes while maintaining a consistent visual identity.
