By clicking on “Accept all cookies”, you agree that cookies may be stored on your device in order to improve site navigation, to analyze the use of the site and to contribute to our marketing efforts. Check out our privacy policy for more information.

Webflow redesign:

Stéphane Kukielka x Ouiflow

Find out how Stéphane Kukielka, an artisan gardener in the Provence-Alpes-Côte d Azur region, strengthened his brand identity with a logo design and Webflow integration.

Stéphane Kukielka s website presented on computer and smartphone.

The company

Stéphane Kukielka is an artisan gardener in the Var and throughout the PACA region, specializing in garden maintenance, exceptional pruning and garden and landscape advice.

The project

6

designed pages

100

SEO optimized

1 mois

creation

The project involved creating a complete site on Webflow.

The challenges were to

  • create a logo with an identity specific to its activity
  • create aweb identity to make the site modern and attractive
  • develop the site using Webflow, respecting all best practices
  • empower Sport teams and decision-makers to manage their new site on Webflow
  • rework the natural referencing by adding our technical SEO expertise

The stages of the project

Logo Figma en noir et blanc

Wireframes

2
Logo de Figma

UI Design

4
Logo Webflow

Dev. Webflow

4

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

Stéphane had no Internet presence and no technical computer skills, so we created an easy-to-use Webflow site forhim to modify easily.

View of the Webflow site created during this project.

THE PROJECT IN PICTURES

Mobile view of the Webflow site created during this project.
Full screen view of the Webflow site created during this project.
Full screen view of the Webflow site created during this project.

"With Webflow, Stéphane Kukielka has become more than a gardening craftsman: he s a true landscape artist who transforms every garden into a haven of peace."