Wolfond
Packaging Design
UI/UX Design
Logo Creation
Jess Wilson (Project Lead),
Annie Wolfond (Design Lead),
Elsie Wang (Designer), Jenna Ory (Designer), Steph Rongone (Tech Lead), Cynthia Cao (Developer), Katrina Lee (Developer)
This project was created within Scout, Northeastern's student-led design studio. We created a new design strategy for Phytabar, with which we designed packaging, a box, and built an entire marketing website from scratch. The project proceeds the launch of the brand’s product, a seaweed-chocolate nutrition bar.
A high percentage of American people are deficient in omega-3, and traditional seafood (which is high in omega-3) remains under-consumed. Phytabar has created a seaweed-chocolate nutrition bar that introduces seaweed as a source of omega-3 and offers a delicious, healthy fix in an era of on-the-go nutrition.
First, we worked with our clients to complete brand exercises to get to know Phytabar better. We completed personality levers to learn more about our clients’ desired look and feel of the brand.
We wrote elevator pitches and user stories to establish the target audience, and conducted competitor research. Based on our these exercises, we made a list of essential features that would create the best user experience for our target audience.
Phytabar had already received grants and gone through trial runs with their manufacturer when they became a Scout client. All they needed was an informative & bold brand, packaging, and a marketing website in preparation for their scheduled product launch in Fall 2023.
After our research, we began working on the design strategy. The colour palette we created is natural and reminicent of the ocean and seaweed. The inclusion of a gradient signifies the depths of the ocean where the seaweed is found. The simple graphic elements make the brand informative, clean, and approachable.
Logo Development
Our clients had an existing logo that they wanted to use as the inspiration for the new logo. We went through around 3 weeks of iteration. The final logo is simple and clean, and incorporates the omega-3 symbol as well as the original seaweed silhouette. We used “Unbounded”, our chosen typeface for the wordmark, but altered the ‘y’ and ‘t’ characters to better suit the brand.
Our clients had an existing logo that they wanted to use as the inspiration for the new logo. We went through around 3 weeks of iteration. The final logo is simple and clean, and incorporates the omega-3 symbol as well as the original seaweed silhouette. We used “Unbounded”, our chosen typeface for the wordmark, but altered the ‘y’ and ‘t’ characters to better suit the brand.
While working on the brand strategy, the design team began working on wireframes for the packaging and marketing website. During this time, the developers were able to work on creating the frameworks for the site. Our goal of the first round of low-fidelity wireframes was to show the client distinct formatting options. For the next few weeks, we had our clients pick out elements that they liked and disliked, and focused on creating an efficient user experience.
User Testing
While transitioning from low-fidelity wireframes to high-fidelity wireframes, the team conducted 1:1 user testing interviews and participated in a studio-wide critique. We were pushed to re-evaluate our current color contrast/accessibility and the way we formatted information on both the packaging and the website.
While transitioning from low-fidelity wireframes to high-fidelity wireframes, the team conducted 1:1 user testing interviews and participated in a studio-wide critique. We were pushed to re-evaluate our current color contrast/accessibility and the way we formatted information on both the packaging and the website.
Our team also had some extra time to create a box for our clients!
Once our low-fidelity wireframes were complete we began applying the new brand to create high-fidelity wireframes. We introduced color, images, texture, and graphic elements to bring Phytabar’s vision to life.
While designers finalized the application of the brand to the wireframes, the developers built the website according to the low-fidelity wireframes. Then, once the high-fidelity wireframes for the website were finished, the developers updated the site accordingly.
Phytabar is set to launch in 2023!
Check out the responsive website designed by myself and this amazing design team and developed by our incredible team of developers.