Webflow redesign:
Find out how Ouiflow transformed the digital identity of Alyra, the pioneering blockchain school, thanks to a Webflow redesign and an effective SEO strategy.
![Alyra s website presented on computer and smartphone.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edeb5c59bc783b957f9b1b_Mockup%20Alyra.webp)
![](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/651a74885925b58043f13e24_Photo%20testimonial-3.webp)
The company
Alyra is a 100% online French Blockhain school.
Their team is made up of blockchain ecosystem professionals and enthusiasts. Their aim is to share knowledge and pass on their passion for the blockchain ecosystem to all those who wish to learn.
The project
designed pages
SEO optimized
completion time
The project involved thecomplete creation of a website on Webflow.
The challenges were to
- imagine a new, more modern design direction in line with the new graphic charter
- make the Alyra teams autonomous in managing their new Webflow site
- make maximum use of Webflow s dynamic collections functionality
- add detailed descriptions of each course, providing sufficient information to help visitors understand what s on offer
- create intuitive, easy-to-use navigation, with drop-down menus for quick access to different sections of the site
- work on natural referencing by adding our technical SEO expertise
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.
The benefits for the customer
Alyra teams can now easily add new content to their Webflow site without having to go through their development team. Total autonomy that allows marketing teams to take back control of the website!
Search engine optimization (SEO ) now enables them to rank higher in search results to gain visibility.
The redesign gives them a Webflow site with a more modern, attractive look that can help attract more visitors and improve the company s image.
![View of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edf659ee622c5eaac080a5_Alyra%201.webp)
THE PROJECT IN PICTURES
![Mobile view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501ac4f8afa0469b8fa3e32_Frame%20368.webp)
![Full screen view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501ac51987af023ce7b46e4_image%2023.webp)
![Full screen view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501ac54657f65dc00b58c96_image%2022.webp)
"With Webflow, Alyra transformed its website into an icon of blockchain innovation. Clean design and SEO strategy propelled the school to new heights."