Healthy Claws🐾
DELIVERABLES
Website analysis
User flow redesign
Visual design prototype
Shopify website launching
01
Original Website
The client built the original website using the Shopify template's existing elements and color schemes.
Who is the targeted audience?
Active Pet Owners
-
Pet owners who love outdoor adventures and want to include pets
-
Prioritize pet comfort and safety during outdoor activities with specialized pet gear
What do they seek from an online shop?
-
Clean, modern design
-
Lifestyle images showing pets in action
-
Visually appealing color schemes
-
Consistent visual branding
02
Website Audit
Overall areas that need improvement:
-
Lack of visual hierarchy: The text is crowded with little white space, making it harder for users to focus. Chunks of white text on a dark background are hard to read.
-
Typography: Consider switching to Sans-serif fonts which are modern and clean and could reflect reliability and adventure. Some text alignments are also off and there are also some typos.
-
Page hierarchy: Overlapping contents across pages.
-
Visual design: The color scheme not appealing to the target audience.
-
Lack of visual hierarchy: Refine typography and spacing to create a consistent and readable design. Use more white space for a cleaner look.
-
Typography: Change fonts. Consider using bullet points for product descriptions for a better reading experience.
-
Page hierarchy: Restructure the user flow.
-
Visual design: Switch to a more energetic color palette. Could add some visuals of outdoor landscapes, mountains, and forests to resonate with adventurous pet owners.
03
Redesign Plans
Potential color schemes:
Inspirations
04
Website Restructure
Reconstruct the website flow with easier and cleaner navigation.
Navigation tabs restructured for better user flow
Reorganized the shop's categories into two main sections
Home page shortened and order rearranged
05
Wireframes
Lo-fi prototypes based on the redesign plan for clients to review
06
Challenges
Template's collection section
Navigating Shopify's Template Constraints:
I transformed Shopify's rigid templates by writing custom CSS that made the site look way more unique. The platform's strict design limits became an opportunity to get creative with code and make the website stand out.
07
Final Website
Hi-fi prototype
