A project to design and develop a user-friendly, versatile website and marketing resource for the granola company - Froda. In close collaboration with the CEO, user research and an iterative design process were used to ensure seamless integration across mobile and desktop platforms.
UI/UX + Product Design
Froda - Project
12 weeks, April - June 2023
Figma, Illustrator, Codeanywhere, MySQL
As part of a project, we undertook the challenge of designing and developing a new website and marketing resource for Froda, in close collaboration with the company's CEO, Andrea. The project commenced with an in-depth consultation to gather key insights about Froda's brand, target audience, and business objectives.
The development process involved the use of Codeanywhere for coding, as well as MySQL and PHP for database and server-side scripting. The resulting website was designed to be both user-friendly and versatile, allowing the company Froda to efficiently manage their product offerings.
Clickable prototypes were created through Figma before any programming or coding took place. This allowed me to easier evaluate and test user flow and comprehension before taking on the coding phase. Following a "Mobile First" design principle, the website was initially designed for mobile screens in Figma, then further developed for desktop.
Design system
The design process was carried out through an iterative approach, incorporating different types of users at various stages to ensure that both the design and interface, as well as the website's flow, function effectively.
Since the website is intended for use by both customers and the online store itself, a content management system (CMS) was created. When the company updates, adds, or removes products, all the information had to be linked to the MySQL database.
The final website solution has the ability to easily upload new products, remove outdated items, and update product descriptions as needed. The website is optimized for both desktop and mobile platforms, ensuring a seamless user experience across all different devices.
