Building a strong digital presence for a branding studio with a big impact

Crafting visual style with a distinctive red touch

During analysis, we broke down UI and UX elements separately. After reviewing the competitors, our team noticed that most of their websites had a very minimalist style, focusing heavily on case studies and vibrant imagery.

To differentiate our client, we identified the need for a more distinctive visual identity. Instead of using basic black-and-white palettes, we introduced an accent color — red — to make the website stand out.

{{cta}}

Bold design that transforms brand storytelling

We used GIFs of completed projects in large-font headlines to showcase the agency’s expertise from the start. This approach is kept up across the website, supported by an unusual grid that makes content pop and marks out key data.

To accentuate the company name, we added squares appearing throughout the site in mini-interactive elements. These sharp shapes, representing stones, show that the company puts a piece of itself into every project.

{{slider-1}}

Living up web design with unique elements

When designing the website, the main focus was on case studies. By previously analyzing various structures, we created our own comprehensive format that is fully detailed and speaks of professionalism right off the bat.

To complement a minimalist style, we moved on with unique touches. Our designers introduced a dynamic grid and added interesting animations in interactions and transitions, giving the site a distinctive and lively feel.

Case studies are the first glimpse of expertise, so we made sure their design stands out with bold headlines and strategic use of white space.
{{tanya-l}}

Bringing fun to the platform with animations

Our main graphic element was a multi-pointed star, symbolizing the company’s diverse projects and multifaceted work. This adds a bit of flair by combining headlines with graphics, forming a unified picture.

We’ve also created various animations that play with the size of graphics as users interact. A memorable one is a video or photo starting full-screen and then shrinking to fit into the text as visitors scroll down.

Developing an interactive website without lag

We built everything from the ground up with a focus on engaging interactions and transitions without sacrificing load time. Our goal was to ensure that the site feels dynamic and responsive on both desktop and mobile.

We chose Webflow as the primary platform, allowing us to bring complex animations to life while maintaining ease of use. To enhance functionality, our developers also integrated some ready-to-use JavaScript libraries.

Developing for desktop and mobile, we kept engaging animation and transitions, but not a slow load time.
{{tanya-l}}

Comprehensive guide to managing site content

Our team created a detailed guide to help client effortlessly manage their site content. It includes step-by-step directions, making it super simple to understand how to update the platform.

For the CMS, Halo Lab developers added the ability to add or remove projects, team members, client logos, and job postings. All this info was covered with easy-to-follow instructions.