Discover the best webflowpartner websites created by professional designers. Get inspired and start planning your perfect webflowpartner web design today!

Refokus

Use Refokus Rich Text Booster to add Classes, IDs, or Custom Attributes to rich text elements in Webflow so you can style text, anchor to it, add animations, add custom functionalities, and more.

Refokus Rich Text Enhancer

Rich Text Enhancer (by Refokus)

How do you create custom sliders in Webflow?

Use Refokus Slider Generator to create custom sliders with static elements or CMS collection lists. This tool is powered by SlickJS, allowing you to use all of this slider flexibility without writing a line of code.

Refokus Slider Generator

Slick Slider Generator (by Refokus)

Vestox is a resource for competent financial management. It helps your assets work and multiply. The task was to create a website that would not just hint "stop the finance IDLE" but speak loudly about it. 

To attract attention, the visual style must include bright colors, emphasized by low contrast, and animated elements.

The color palette consists of orange, black, and pearl colors. All blocks of the webflow site are animated. The plates change their shape when hovering. Vertical slider with video works either by scrolling or by clicking on icons. The latter also rotates on hover. Parallax effect applied to some blocks. 

Another unusual solution from our team is an animated wavy line highlighting the text's main point. This marketing ploy focuses the site visitor on precisely what should prompt him to call the company. 

The result: Original and easy presentation competently offers the company on the market, attracts the target audience's attention, and gains its trust.

Vestox

Vestox Website | Financial Management

About the company: Databest offers brand analytics services and develops custom solutions according to the company specifics.

The task was to reflect that studying marketing indicators is equal to moving forward and being dynamic in your field.

Solution.

We made each block of the landing page dynamic. Much attention was paid to the team block to draw the user's attention to the experts. We applied horizontal scrolling and photo zoom while hovering. 

The cases' location is in a staggered order to separate them visually. 

There is a trend effect in the cases block - color of the text changes, and the corresponding preview appears when you hover over the name of the client's company.

Another interesting technique is used to animate buttons - the appearance of text and its movement inside the button when hovering. 

The other interactions are cyclic slider, parallax, and centrifugal text movement.

Result: 

A dynamic and informative landing page encourages potential customers.

Databest

Databest Landing Page

Alurena, an online cosmetic store, offers a wide range of daily care products for all skin types.

Problem

When it comes to cosmetics, it can be difficult to fully understand a product's texture and feel without trying it in person. That's why the task was to create a gentle and inviting site that allows customers to understand what Alurena products are like and how they can benefit their skin routine.

Solution

The website was made in Webflow and featured stunning hover and scroll effects to enhance the user experience. We focused on showcasing product quality and effectiveness using webflow interactions. We want the customers to feel confident in their purchase and to see firsthand the positive results that the products can provide.

Result

We got a website where every woman finds the perfect solution for any skin problem she may have.

Allurena

Alurena E-commerce Website | Skin Cosmetics 

How to add social share buttons in Webflow?

Use Refokus Social Share to add social share buttons for Twitter, Linkedin, and Facebook in Webflow.

Documentation: https://www.webflow-tools.refokus.io/tools/social-share-button

Refokus Social share

Social Share (by Refokus)

2021! Our first year! And... What a year! 🚀

We are so happy that we've made a cool website to show off!

We've created Refokus in January 2021, and this was our first year! For us was a year of growth, building an amazing team, building our culture, setting up our processes, defining our brand, and so much more.

We want to thank everyone who trusted and supported us in this first year!

2022 already started amazingly, with a lot of new clients, great new projects, new people joining us, and a lot of amazing stuff coming!

Year #2 is getting 🔥 🔥 🔥 ... and we are also hiring! just saying...

Refokus Year in Review 2021

About the company: Bling is an online store of gold jewelry. It impresses with elegance, taste, and luxury style. Adds magnificence to your image.

The task was to create an exquisite website using modern web design and development trends.

Solution.

Halo Lab team turned on the maximum creativity, not forgetting about trends. Attention-grabbing interactions complement the modern minimalistic design with large typography. 

Each block is animated. The appearance of elements at scrolling is smooth. Buttons are filled with color when hovering for easier orientation of the client. We applied cyclic animation in the block with reviews: the client's photo and the text of the review change. 

The ability to open a detailed description when hovering over the jewelry was implemented using "the reveal element on hover" interaction. 

Result.

Animation is a crucial factor in user interaction. It attracts attention just like exquisite Bling jewelry. It is simply impossible to pass by.

BLING

Bling gold jewelry | E-commerce

How do you add a Copy to Clipboard button in Webflow?

Use Refokus Copy to Clipboard tool to create a button that will copy any piece of text, including links, to the clipboard. This tool is great for when you want to allow the user to copy blocks of texts, or URLs, or even color codes from a styleguide.

Refokus Copy to Clipboard

Copy to Clipboard (by Refokus)

Petit Hack

Petit Hack helps marketing teams & startups to take back control of their website. We provide top notch Figma to Webflow integration, custom features development. Our services are available through a monthly retainer (Webflow Illimité) or pay-as-you-go payment.

-----------

Petit Hack aide les équipes marketing et les startups à reprendre le contrôle de leur site web. Nous sommes spécialisés dans l'intégration de maquettes (Figma à Webflow) et le développement de fonctionnalités personnalisées. Nos services sont disponibles sous forme d'abonnement mensuel (Webflow Illimité) ou de paiement au projet.

Petit Hack | Agence Webflow

About the project: Catalyze AI is a predictive analytics business development platform Financial Services and Real Estate professionals use to identify their target market and grow their business rapidly.

Problem

The problem is the ill-conceived customer path and complicated registration process. So our task was to develop a simple, straightforward website and facilitate the sign-up of SaaS offering.

Solution

The structure of the site is designed for several segments of the target audience (financial advisors and real estate agents) and is developed in such a way that each of its representatives can find the necessary section. 

Considering the business audience of the site, we did not use a large number of animation effects. Instead, we carefully applied hover effects to elements that show charts, graphs, and financial growth to focus on the main thing. 

The result is a clean UI and competent UX with all essential information.

Catalyze AI

Catalyze AI - SaaS website

Wrangle is a Slack management tool for the Business Team. It allows you to perform additional actions in Slack without leaving it. Cut down on follow-up by collecting critical information during the ticket creation.

Problem:

The client had an inconvenient website that couldn't attract new clients. Another problem is that many of the products inside Slack have a complex UI that could look better in screenshots.

Solution:

We wanted to present Wrangle so that the user would see the application from the inside and appreciate its features. We used illustrations to show the main components of Wrangle's interface and made them animated to arouse interest. So from the first screen, you understand how everything works. Each block covers the questions and doubts of a potential client. And, of course, we provided CTA elements with hover effects after each stage.

Result:

Wrangle website is interactive and informative. It leaves no doubts in the potential client and encourages cooperation. 

Wrangle

Wrangle Website | Social App

The client’s company creates customized windows for clients. The task was to develop a landing page for demonstrating Alakuze as a cutting-edge design and manufacturing tools manufacturer.

There are a lot of web flow effects such as color filling hover effect for icons, block appearance while scrolling, and below block advent in the slider. Also, we used line moving and color changing while hovering and motion background. These animation decisions, together with fabulous web design, make the landing page stylishly business-like and, at the same time, not boring, thanks to interactive elements, particular branding, and successful color selection.

The site opens up a wide range of opportunities for different target audience segments. It works perfectly in all browsers and is adapted to different screen resolutions. 

Follow us
https://dribbble.com/halolab
https://www.linkedin.com/company/halolabteam

ALUKAZE

Alukaze - Landing Page of Manufacturer

While we designed this website, Information architecture, and visual hierarchy was the most essential part of the e-commerce website UX process. We ensured the user could quickly and intuitively navigate the site with such a varied product assortment.
Credits: Jetboost

Shopcart - Ecommerce Landing Page

We are giving your hunger a new option that is healthy and delicious! You don't have to stay anymore with an empty stomach we have a variety of dishes to please your appetite!

Musechef - Restaurant Food landing page

Musechef - Restaurant & Food Landing Page

America's Bottle Bill is an organization that aims to promote the implementation of "bottle bills" in the United States. It would require paying a deposit on particular beverage containers to reduce litter and promote recycling.

Problem.
The main problem that the website aimed to address was the need for more awareness and understanding of the benefits of bottle bills among the general public. The organization wanted a website that could effectively communicate the importance of these laws.

Solution.
We created an easy-to-navigate Webflow website to solve this problem. We added animations such as hover effects to make the website more interactive and engaging. We combined minimalist design with animations, for example, a counter of benefits from using Bottle Deposits. It allows focusing on the profits at once so the visitor will want to join the initiative.

Result.
The website effectively communicates the organization's message and encourages visitors to be involved in the campaign.

America's Bottle Bill

America's Bottle Bill Landing Page 

Editorial and refined site for a brand and website design studio.

Harshita's Fabulous Studio

Brand + Web Design Studio

Muhammad Ukasha is a Creative Designer and Webflow Expert who specialises in user experience and interaction. Focused on meaningful output, he collaborates with companies, agencies, startups and individuals all over the world to build amazing Webflow websites.