Webflow redesign:
Find out how Skief, an outbound marketing agency, strengthened its online presence with a Webflow overhaul and a new graphic identity.
A very good experience as part of the redesign of our Skief Labs agency website.
The team was flexible and responsive despite scope and design changes during the project.
Sardar Azimov
CEO & Head of Growth, Skief
The company
Skief is anoutbound marketing company headed by Sardar AZIMOV, offering customized solutions for business partners to grow their business and acquire new leads.
Their aim is to help companies achieve sustainable growth.
The project
designed pages
SEO optimized
of monthly traffic
Skief approached Ouiflow to strengthen its online presence, which was insufficient and ineffective at the time.
The company adopted a new graphic identity, which we adapted to the codes of the web. Working with Skief, we completely redesigned the new user path, creating a sober, up-to-date layout.
We then integrated and put their brand new site online on Webflow to offer them a versatile and optimized solution.
The key points of the project were as follows:
- reflect Skief s values by respecting their graphic charter, while adapting it effectively for a web medium
- Put theuser at the heart of the project, by making the company s content easily accessible.
- Effectively integrate the site with Webflow, giving the company access to their new web platform as quickly as possible.
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
Skief and its founder Sardar AZIMOV now have a new, high-impact web presence, with a new graphic identity and an optimized site.
The company s values of professionalism and quality service are now more easily accessible to potential customers.
SEO optimization and copywriting work have enabled the company to rank high in search results.
THE PROJECT IN PICTURES
"With Webflow, Skief has become more than just an Outbound Marketing agency: it s a key partner for companies looking to acquire new leads efficiently."
