Current Page Design Review
The existing Huel page had functional content but lacked clarity in hierarchy and visual flow. Users struggled to quickly scan information, and the page did not fully support marketing objectives or conversions.
- Dense content that was hard to scan
- Limited visual emphasis on key information
- Navigation and call-to-action placement could be improved
- Inconsistent spacing and alignment
Objectives / Roles
The project aimed to create a more intuitive and engaging landing page that improved readability, supported marketing goals, and maintained a consistent brand experience.
- Improve content hierarchy and readability
- Guide users toward key actions and conversions
- Apply consistent visual hierarchy and spacing
- Enhance overall user experience while maintaining brand identity
Low Fidelity Wireframe
Low fidelity wireframes focused on layout, structure, and content placement without visual styling. This stage allowed rapid testing of navigation flow and information hierarchy.
- Structuring key sections for clarity
- Placing headings, call-to-actions, and imagery strategically
- Iterating quickly based on usability feedback
- Testing scanning and content flow
High Fidelity Wireframe
High fidelity wireframes translated the approved structure into detailed visual designs, incorporating Huel's branding, typography, and imagery.
- Applying Huel brand guidelines
- Refining visual hierarchy and spacing
- Enhancing clarity and user guidance
- Preparing design for implementation and stakeholder review
Marketing Assets / Materials
The new layout enabled flexible marketing visuals, improving consistency across campaigns and digital content. Assets were created to visually support product benefits and promotions.
- Imagery aligned with Huel's brand style
- Modular layouts for flexibility across campaigns
- Emphasis on product benefits and USPs
- Clear call-to-action elements
