Turning Vision Into Power — Welcome to Goldenwest.

Figma UI/UX Design
Infographic Design
Webflow Development
Tools Used
figma-image
figma-image
webflow
hero-section-img
Client
Project Duration
Apr 19, 2025 - May 06, 2025
tools used
Figma, Webflow
figma prototype
arrow-svg
purple-triangleyellow-vectorred-vector

overview

Goldenwest Lawnmowers, a supplier of outdoor power equipment, approached us to revamp their website with a modern look. Their goal was to improve user experience, showcase their products, and boost online engagement.We transformed their vision into a responsive Webflow site using Figma for design and included performance-optimized animations. The focus was on clean product presentation, intuitive navigation, and a layout aligned with their brand.

Objectives

correct-image

Design a fresh, responsive layout tailored to Goldenwest's brand identity and outdoor equipment focus

correct-image

Build dynamic product showcases that emphasize key features and usability for customers

correct-image

Adapt design based on client feedback

correct-image

Ensure the final Webflow build performs smoothly across devices with clear navigation and strong visual

message-logo
yellow-vector
group-img

Wireframes

wireframe-img

challenges and solutions

challenges

  • Achieving pixel-perfect design accuracy with minimal revisions
  • Customizing interactive components to reflect specific client data
  • Filling incomplete content areas within tight deadlines
  • Ensuring responsive performance across all screen sizes
solutions
  • Precise design replication using structured workflows
  • Close collaboration with the client for real-time alignment
  • Placeholder content strategy to stay on schedule
  • CMS integration for easy content updates
  • Custom hero animation to boost engagement
  • Seamless forms with tailored styling for better usability

The process

The redesign followed a highly collaborative, iterative process involving design, feedback, and refinement.

Using Figma, our team worked closely with the client to build and improve the user experience step-by-step.

message-svg
Initial Consultation

Aligned on the client’s goals and gathered all key requirements.

brush-svg
Design Drafting

Built wireframes and first-round designs in Figma, with emphasis on layout and visual identity.

feedback-svg
Feedback Loop

Presented drafts for review, refining the design through client feedback and suggestions.

map-svg
Finalization

Applied final adjustments and delivered a polished product aligned with the brand vision.

rectangle-image
dashboard setting

pixel-perfect ui

We focused on delivering a highly accurate visual design that matched the original concept down to the pixel. Every element—from spacing to typography—was refined to maintain consistency across pages, resulting in a professional, cohesive look that’s both user-friendly and functional.

results

correct-image

Successfully replicated the reference design while adapting it for the Goldenwest brand

correct-image

Improved site navigation and structure, making it easier for users to explore products

correct-image

Enabled simple content updates through dynamic CMS integration

correct-image

Delivered a fast, responsive Webflow site optimized for all devices

dashboard setting

conclusion

The Goldenwest website redesign transformed their online presence into a modern, efficient, and scalable platform. By combining clean design, responsive performance, and CMS-powered flexibility, we created a site that not only looks great but also supports the brand’s growth and operations. The result is a digital experience that reflects the quality and reliability of Goldenwest's products.

image-here
image-here
vector

The team delivered a clean, on-brand website that exceeded our expectations. The process was smooth, collaborative, and efficient. We’re already seeing better engagement and easier navigation

img-here

Suhaib

CEO
image-hereimage-here
back to top