Webflow redesign:
Find out how Workpackers, a start-up specialising in coliving for mobile workers, has optimised its online presence using Webflow and an advanced SEO strategy.
Many thanks to the Ouiflow team for redesigning our site!
The collaboration, the project follow-up, everything went perfectly and it clearly met our expectations.
Now the Workpackers site is just gorgeous!
Jonathan Garcia
Co-founder of Workpackers
The company
Workpackers is a startup whose aim is to create a network of accommodation that gives new meaning to professional mobility. With their service, you can book a room in a "work house" to enjoy an exceptional location, surrounded by other people who want to combine telecommuting and communal living.
The project
designed pages
SEO optimized
completion time
The project involved a complete overhaul of the website from Wordpress to Webflow.
The challenges were to
- create a new web identity to give the site a more professional feel
- add room reservation functionality by integrating the Amenitiz tool
- make maximum use of dynamic collections to facilitate site management by Workpackers teams
- implement all the technical basics of natural referencing using our SEO expertise
- add a multilingual module with Weglot
The stages of the project
Wireframes
UI Design
Dev. Webflow
UI/UX Research and 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 guidelines.
- 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 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 Go-Live
- 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
Workpackers can now easily add new content to their Webflow site , thanks to the many dynamic collections that have been created and worked on to make their use as fluid as possible. Total autonomy, allowing marketing teams to take back control of the website!
The instant room reservation functionality via Amenitiz also adds a more professional touch.
Search engine optimization (SEO ) now enables them to rank higher in search results to gain greater visibility .
THE PROJECT IN PICTURES
"With Webflow, Workpackers has become more than a coliving space: it s a global community where workers from all over the world can connect and thrive."
