NEW RESPONSIVE WEB DESIGN FOR EXISTING COMPANY
"Let's grow this vegan queso business!"
by, Dana Kohl and Jenny Gibbs
Tools Used: Figma, Miro, Adobe Photoshop, Adobe Lightroom, Google Drive, WIX
Clients Needs
Plant Beast is a vegan queso company based out of Phoenix, AZ. Current founder and owners needed a responsive web design for their budding small business to facilitate growth and increase sales. Before our design, Instagram was Plant Beast's only online presence.
Problem
Plant Beast's goal is to provide a vegan version of classic queso to more customers, so that consumers feel both positive about the the food they are eating and satiated by this seemingly indulgent snack.
Solution/Value Proposition
Create a strong online marketing presence to facilitate said growth that aligns with Plant Beasts core values.
Stakeholders
Competitive Analysis
Our team researched several competitors in both the vegan queso industry and the broader spectrum health and wellness food industry.
While all direct competitors stressed attributes of being either vegan pallet
friendly OR made of whole plant based ingredients, competitors seem to fail at combining both features into one vegan queso product.
DIRECT AND INDIRECT COMPETITORS
-
​Siete
-
The Honest Stand
-
Kite Hill
-
Primal Kitchen
-
Core & Rind
-
Good Foods
Mood Board
Our team's design inspiration: drawn from incorporating stakeholder insight, competitive analysis, and user research.
Style Guide
Our team's visual concept combining stakeholder goals, desired site layout, and user research.
User Flow
Wireframes
Mid-Fidelity Prototypes Round 1
Our first mid-fidelity prototype received the following feedback from user testing and stakeholder input. So we went back to the drawing board with this feedback and drafted round 2.
​
BRANDING
Adjust bright green logo color to a more muted natural green to evoke the user's feeling of a more organic brand.
Come up with catchy slogan for home page
LAYOUT
Move queso jars off the home page to their own queso page
DESIGN
Use black in header for more contrast and accessibility
Take black cards out of center of page
Mid-Fidelity Prototypes Round 476
OK maybe it wasn't round 476 but it was many iterations later we presented this collaboration to the stakeholders. This is the feedback we received from stakeholders and user testing.
​
BRANDING
The logo's muted natural green color was too far from original brand colors, needed a green that was cooler
Slogans and catch phrases were a success!
​
LAYOUT
Do not need banner photo on each page
​
DESIGN
Black header for more contrast came across too bold and loud and off brand
Final Prototype
Live Site Preview
