Case Study: Website Redesign for Anchor Renovation

Client: Anchor Renovation

Industry: Painting and Renovation Services

Project Overview: Anchor Renovation, a NYC-based painting company, required a comprehensive website redesign to improve user experience, showcase their services and portfolio, and increase customer inquiries. The project utilized Figma for design and Webflow for development.

1. Enhance User Experience (UX): Create an intuitive and user-friendly navigation.

2. Improve Visual Design: Develop a professional, appealing design that aligns with the brand.

3. Showcase Portfolio: Highlight past projects to demonstrate expertise.

4. Increase Inquiries: Implement features to simplify the inquiry process.

5. Mobile Responsiveness: Ensure the website is fully functional on all devices.

• Conducted interviews with the Anchor Renovation team to understand their vision, goals, and pain points with the current website.

• Key insights included the need for a more modern look and better ways to showcase their portfolio.

• Analyzed competitor websites to identify industry standards and unique features that could be integrated into the new design.

• Surveyed existing customers to gather feedback on the current website and understand their needs and preferences.

• Developed detailed user personas representing both residential and commercial clients to guide design decisions.

• Defined clear, measurable goals for the redesign, focusing on UX improvements, visual appeal, and inquiry efficiency.

• Created low-fidelity wireframes in Figma to outline the basic structure and layout of key pages.

• Iterated based on feedback from stakeholders and users.

• Developed high-fidelity designs in Figma, incorporating branding elements such as colors, typography, and imagery.

• Ensured consistency across all pages, including the homepage, services, portfolio, and contact page.

• Built interactive prototypes in Figma to demonstrate the user flow and interactions.

• Conducted usability testing with a select group of users to gather feedback and make necessary adjustments.

• Created a comprehensive design system in Figma, including components, icons, and style guides to maintain consistency during development and future updates.

• Transitioned high-fidelity designs from Figma to Webflow for development.

• Utilized Webflow’s visual development capabilities to ensure the design was accurately translated into a functional website.

• Ensured all components and layouts were responsive, providing an optimal viewing experience across devices.

• Developed interactive elements such as service filters, project galleries, and inquiry forms to enhance user engagement.

• Integrated animations and transitions to create a smooth, dynamic user experience.

• Utilized Webflow’s CMS to allow the Anchor Renovation team to easily update their portfolio, services, and blog content.

• Conducted thorough testing across different browsers and devices to ensure functionality and performance.

• Addressed any bugs or issues identified during the testing phase.

• Released a beta version of the website to a small group of users for final feedback and adjustments.

• Made final tweaks based on beta user feedback, focusing on usability and visual polish.

• Launched the new website with a marketing campaign to attract attention from both residential and commercial clients.

• Monitored site performance and user feedback closely post-launch to address any immediate concerns.

• Users reported a more intuitive and enjoyable experience navigating the site, with easier access to service information and portfolio.

• The streamlined inquiry process and engaging design led to a significant increase in customer inquiries.

• The modern, professional design better represented Anchor Renovation’s expertise and quality of service, attracting more clients.

• The website performed well across all devices, ensuring accessibility for users on smartphones, tablets, and desktops.

• The integrated CMS allowed the Anchor Renovation team to efficiently manage and update content, keeping the site current and relevant.

• Positive feedback from users highlighted the improved design and functionality, with many appreciating the enhanced portfolio display and inquiry system.

The redesign of the Anchor Renovation website successfully met the project’s goals, delivering a modern, user-friendly, and engaging platform that better serves its clientele. Utilizing Figma for design and Webflow for development ensured a seamless transition from concept to execution, resulting in a website that not only looks great but also performs exceptionally well.