Home » portfolio » Wild Wood AU

Wild Wood AU

Wild Wood AU

UX Design
UI Design
Elementor
WooCommerce

About the project

Redesigned and rebuilt the Wild Wood ecommerce website with optimized UX/UI, faster performance, streamlined user flow, and improved product page engagement using Elementor.

Challenges

➤ Client Brief

Jonathan, the founder of Wild Wood, approached me to significantly enhance the user experience, visual design, and ecommerce efficiency of his website. The site needed a modern, conversion-focused redesign — along with a strategic UI improvement plan that would boost engagement and mobile performance. Key goals included:

  • Redesigning the entire website for a stronger ecommerce experience
  • Designing high-converting landing and product pages
  • Creating a unified visual identity using a reusable style guide
  • Optimizing mobile responsiveness and user journey flow
  • Making CTA buttons prominent and actionable
  • Migrating from a custom-coded theme to a lightweight, scalable platform

 

Solutions

➤ My Approach & Steps Taken
  1. UX/UI Redesign in Figma
    • Audited the entire Wild Wood site to identify UX issues and UI inconsistencies
    • Created a full visual redesign in Figma tailored to ecommerce best practices
    • Ensured CTA buttons were placed above the fold for immediate engagement
    • Designed a smoother mobile-first layout, increasing usability across all devices
  2. Style Guide & Brand System
    • Developed a consistent style guide (colors, typography, buttons, UI elements)
    • Presented the design system to Jonathan for feedback and approval
    • Ensured all redesigned components aligned with brand identity and user intent
  3. Full Website Implementation
    • Migrated the old custom-coded theme to Hello Elementor + Elementor Pro
    • Rebuilt the entire site using native WordPress/WooCommerce features
    • Removed all unnecessary plugins for faster load times and better security
    • Recreated all custom functionalities using Elementor’s native tools and hooks
    • Integrated ecommerce components natively for seamless backend management
  4. Landing Page & Product Page Optimization
    • Revamped the product detail pages with visual hierarchy and CTA focus
    • Displayed key information like pricing, short descriptions, and actions early on
    • Designed landing pages with simplified funnels to reduce drop-offs
    • Optimized checkout flow to reduce cart abandonment and friction
  5. Performance & Mobile Optimization
    • Improved page loading speed by using a lightweight theme and optimizing assets
    • Ensured all pages passed mobile-friendly tests and loaded quickly on all devices
    • Implemented responsive behavior to ensure smooth transitions and layout

 

➤ Results & Impact:
  • 🚀 Conversion Rate Improved on product pages due to UX-focused design
  • 💻 Site Speed Increased significantly by switching to Hello Elementor
  • 📱 Mobile UX Enhanced, resulting in higher engagement on mobile traffic
  • 💡 Brand Cohesion Achieved through a reusable, scalable design system
  • 🙌 Client Satisfaction: 5-star feedback and a glowing testimonial on Upwork

 

StyleGuide:

Desktop Landing:

Mobile Landing: