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 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.

Alurena E-commerce Website | Skin Cosmetics 

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 gold jewelry | E-commerce

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 - SaaS website

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 Website | Financial Management

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 Website | Social App

Client: Window is an ML-customized search engine for fast and easy apparel shopping. 

The task that the client addressed to the Halo Lab Team was to make a more promising in terms of a marketing website. 

Solution. The client writes his story with helping of Window stylists. We reflected this idea on the main banner with the help of active text type. And duplicate it in email input to tell users where to write an email address. We used parallax for the product's card qualities. The dynamic slider with changeable clothing engages users and makes the website memorable. 

The webflow website makes Window more promising for fast and easy apparel shopping. 

Also, we have created branding, developed a guideline, and marketing materials (merchandise, banners for social networks, etc.)

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

Window Landing Page | Fashion

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 Landing Page

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 - Landing Page of Manufacturer

Meet a new exciting service made in webflow!

About the product: the eScooter booking service will make your electric scooter rental as optimal and suitable as possible for your needs. Different options with pricing, appearance, and functionality are available to suit people's needs.

Webflow effects enhanced the great design and made the service really fantastic!

We used cyclic animation on the main screen. We applied hover with color change for buttons. The product photo is divided into moving blocks. One more exciting decision is an animated path on the map.

 As you scroll,  product parts with descriptions appear. This webflow interaction allows us to see each part of the product in detail, along with an explanation. 

Halo Lab team created the best clonable website looking great on any device.

Check out more webflow inspiration https://webflow.com/halolab

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

eScooter - Rental Service Website

About the project: Desserto - is a  patisserie that entertain guests  with tasty and healthy products made of natural ingredients. 

Our task was to develop a corporate identity and create an exciting, memorable website. 

We had an idea to make an animated cake. It appears when you’re scrolling and you’re watching how a piece of cake separates to become part of your lunch. We also conceived a slider with a spectacular change of desserts to reflect the variety of delicacies that Desserto is ready to treat. 

Another visual trick is that the text with the CEO's direct speech is printed during scrolling, as if it is written in real time, when you are browsing the site. 

For the figures that seem to be in the air, we applied motion effects to convey the feeling of a live dish being created right before your eyes. 

Webflow website has a lot of technology, which allowed us to convey the mood of the confectionery and show that Desserto is not just a cake, but an artwork. 

Desserto

The exhibitions may be closed in the galleries offline this year. But they are always available online. The website invites you to go on virtual tours around galleries and learn about art. Explore the painting in detail, zoom, save your favorites and read historical facts about the author.

Nature Morte

One more fancy animation made completely in Webflow! It is a sneak-peak of a big interactive website for "Survey Analytics".

Follow us:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam

Slider with content replacement in cards

Details matter! Add simple footer animation created in Webflow to your website. 

Сheck out more:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam
 —
We provide design-driven development of your product for years to come. Our team focuses on UI/UX design, web development, branding & marketing

Footer with automatic color change

Super trendy horizontal scroll makes surfing a bit more pleasant!
This interaction is a part of website for lipstick brand. 

Follow us:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam

Horizontal scrolling of the product catalog

A slider from one of our most popular responsive projects «Cyboro». Don’t forget to take a look at a whole website! 

Follow us:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam

Cyboro Slider

We added magnificent hover card effects to the design for a woman's beauty care brand. 🌊 Maybe you can guess that it focuses on products made with natural sea ingredients 🌊

Follow us:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam

Fensea Product Cards

Slider animation made in Webflow makes design very smooth and fun!

Сheck out more:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam
 —
We provide design-driven development of your product for years to come. Our team focuses on UI/UX design, web development, branding & marketing

Halo Lab

About

Skills

About