Avantree Website Redesign
Brand: Avantree
2024
23%
more conversions
18%
higher CTR
30%
fewer drop-offs
Objective
Redesign Avantree’s global e-commerce platform to improve usability, boost conversion, and create a seamless shopping experience across desktop and mobile.
Solution
Led the full redesign of Avantree’s website including homepage, category pages, product detail pages, cart, and support. Focused on simplifying navigation, strengthening product storytelling, and building modular Figma components for scalability. Developed interactive comparison tables and guided shopping tools to help customers make faster decisions.
Redesigned the homepage using a modular grid system with clearer hierarchy and lifestyle-driven visuals. Simplified navigation and benefit-led messaging improved product discovery and positioned Avantree as a more solution-oriented brand.
Home Hero Section
Old Issues
The old hero was product-centric, static, and lacked emotional appeal. Messaging hierarchy was weak, and visuals didn’t connect with the target audience.
New Design
Shifted to lifestyle-driven imagery, bold typography, and simplified navigation. Strengthened brand storytelling, created emotional engagement, and made the call-to-action more visible.
Category Product Cards
Old Issues
Old product cards displayed too much information in small spaces. Typography was inconsistent, images lacked prominence, and pricing hierarchy was unclear.
New Design
Simplified the cards with larger renders, uniform spec icons, and clear price/discount styling. Built a premium, consistent grid system that improved scanning and product discovery.
Product Detail Page (PDP)
Old Issues
The old PDP was cluttered with dense copy, inconsistent image use, and minimal feature hierarchy. It forced users to scroll through long text blocks without clear focus.
New Design
Introduced modular sections with feature visuals, comparison tables, and structured highlights. Improved readability, scannability, and purchase flow, while aligning with modern e-commerce standards.
Support Landing Page
Old Issues
The old landing page felt dated with a cluttered grid of products and text-heavy FAQ lists. Key tasks like ticket submission or product registration were buried.
New Design
Redesigned as a clean, modular system with bold quick actions, streamlined category browsing, and modern visual style. Delivered faster access to support and a more polished brand experience.
Product Support Page
Old Issues
Support relied on long text lists and accordions that felt overwhelming. Navigation was unclear, and mobile usability was poor.
New Design
Reorganized into modular blocks with interactive guides and prominent quick actions. Reduced cognitive load, prioritized mobile, and enabled faster troubleshooting.
Outcomes
The redesigned homepage improved product discovery with streamlined navigation and modular storytelling banners.
Category and product pages were restructured with comparison tables, simplified specs, and stronger call-to-actions, leading to an 18 percent increase in click-through rates to purchase.
The cart and checkout flow was reworked to reduce friction and clearly surface promotions, resulting in 30 percent fewer drop-offs.
Overall, the redesign improved conversion by 23 percent, strengthening Avantree’s direct-to-consumer business and reducing reliance on third-party platforms.