Webflow redesign:
Find out how Hestia has transformed its website to better serve aspiring homeowners, with a Webflow redesign and a new graphic identity.
![Hestia website presented on a computer and a smartphone.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edf1e2c23b7e2338e03170_Mockup%20Hestia.webp)
![](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/651a74885925b58043f13e24_Photo%20testimonial-3.webp)
The company
Hestia is a real estate leasing company dedicated to helping aspiring homeowners.
Hestia aims to create proximity and bring freshness to the real estate sector by enabling their customers to become homeowners.
The project
designed pages
SEO optimized
completion time
The project took the form of a complete overhaul of the website and its content to Webflow.
In order to energize the experience of its future users, Hestia needed a new environment, with a new identity.
The key points of the project were to
- a complete rethink of the user path and more dynamic navigation
- complete graphic redesign to better reflect Hestia s identity, based on their graphic charter
- make Hestia teams fully autonomous in managing and editing their new Webflow site
- offer an intuitive, easy-to-use user experience
The stages of the project
Wireframes
![Logo de Figma](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/64a2ead4cfabb43bfcd6c4f8_Figma%20icon.webp)
UI Design
![Logo Webflow](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/655384c1c24e1c378c88ef97_webflow_rond_fond-bleu.webp)
Dev. Webflow
Research and UI/UX Workshop
- Persona identification: We define personas to understand the needs and behaviors of target users.
- UI/UX workshop: We organize a workshop with stakeholders to discuss objectives, functionalities and user flows.
- Competitive analysis: We study competing websites to identify best practices and opportunities.
Tree structure and Wireframing
- Tree design: We create a site tree to define the structure and organization of information.
- Wireframing : We create basic wireframes for each page, based on the tree structure.
Design and Webdesign guidelines on Figma
- Moodboard: We create a moodboard to define the mood and visual style of the site.
- Color palette and typography: We choose a color palette and typography that match the brand s identity.
- Mock-up design: We use Figma to create high-fidelity mock-ups based on wireframes and design orientations.
- Customer validation: We present the mock-ups to the customer for validation and adjustments.
Webflow development
- Site structure: We establish the basic structure of the site in Webflow.
- Design integration: We integrate the design elements down to the pixel.
- Functionality development: We add interactions, animations and more.
- Mobile optimization: We ensure that the site is responsive.
- Technical SEO: We implement elements for SEO.
Testing and launch
- Functional and compatibility testing: We check that everything works as expected on different browsers and devices.
- Audit: We carry out a detailed audit of the site.
- Customer review: We set up a tool to collect customer feedback easily.
- Final modifications: We make the final changes.
- Deployment: We put the site online.
Maintenance phase
- Monitoring and analysis: We use analysis tools to track site performance.
- Support and updates: We provide regular updates based on customer needs and site performance.
The benefits for the customer
The Hestia company and teams now benefit from a new, clean and modern website, in line with their values and with a strong graphic identity.
Search engine optimization (SEO ) ensures top placement in search results.
This redesign will enable users to easily understand the company and have an optimal browsing experience.
The new website has become a high-impact communication medium for Hestia.
![View of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edf4514e61b33b3383a977_Hestia%201.webp)
THE PROJECT IN PICTURES
![Mobile view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64f868e7d7b295ac00ac372a_mockup-phone-hestia.webp)
![Full screen view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64f7222ac7ca4653fc851f51_hestia-screen-2.webp)
![Full screen view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64f7222cc214740579408b5c_hestia-screen-1.webp)
"With Webflow, Hestia has become more than a real estate service: it s a dynamic platform that puts the owner at the heart of the experience."