Eat off limits
Category: Development, Design, E-commerce, UI & UX Design, Content Creation, Lead Generation
Client: Emily Elyse Miller
Start Date: Nov 15, 2021
Handover: Jan 03, 2022

Build, streamline and evolve together with solution
Introduction: In the dynamic realm of e-commerce, a website that seamlessly blends aesthetic design with functionality is paramount for business success. This case study delves into the collaboration between me and Eat Off Limits, a company rewriting the rules of breakfast cereals with offensively delicious flavors and a rebellious spirit.
Client Background: Eat Off Limits challenges the norms of the cereal aisle by defying traditional breakfast conventions. Their products boast fun and flavor without the artificial ingredients commonly found in cereals. With a mission to play with food and bring joy to breakfast, Eat Off Limits needed an e-commerce platform that matched their unconventional brand identity.
Challenge: Eat Off Limits faced the challenge of translating their bold brand personality into an engaging online experience. Their previous website didn't effectively capture the essence of their rebellious spirit, and they needed a new e-commerce platform to showcase their products and foster customer interaction.
+ E-commerce
+ UX/UI Design
+ Content Creation
+ Lead Generation
+ Custom PHP
+ API Integration

Result: Result: 1. A website that authentically represented Eat Off Limits' brand, capturing their rebellious and fun-filled ethos. 2. Enhanced customer interaction, fostering a sense of playfulness and engagement with the brand. 3. Seamless online processes for Eat Off Limits, facilitating efficient order management and fulfillment. 4. Increased online visibility and traffic through effective SEO strategies.
Visual and typograpy hierarchy


Font Type: Founders Gro Web - Visual hierarchy is the principle of arranging elements to show their order of importance. Designers structure visual characteristics—e.g., menu icons—so users can understand information easily. By laying out elements logically and strategically, designers influence users’ perceptions and guide them to desired actions. Users notice larger elements more easily can convert. Regular Medium SemiBold Bold Regular Medium SemiBold Bold Regular Medium SemiBold Bold Regular Medium SemiBold Bold
RegularMediumSemiBoldBold
This Is Text Message Medium Typography Just Amazing Awesome


