drag

case

Tula mics

A promo site for Tula — state-of-the-art microphones by David Brown, Brazzaville frontman

back to all works
task

To create a promo site for Tula — state-of-the-art microphones by David Brown, Brazzaville frontman. It was vital to feature realistic visualizations of the product on the website: to demonstrate the mics’ convenient size and the possibility to use the microphones without the stand.

client

Tula Microphones

industry

Promotional

year

2019

deliverables

Web Design
Frontend Development
Backend Development

honors

The 3D hand with the movement pattern graphically points out the mic’s ergonomics.

Modern classics

Tula mics are an epitome of both modernity and nostalgia, smoothness and sharp angles — that is why the website design emphasizes the combination of brutalism and retro style.

The main scheme adapts to the chosen color for further emphasis.

Aesthetics and lightness

We have decreased the load on all devices and optimized the website: the WebM video format and WebP images have helped to make the pages content-light. The model that the user interacts with was optimized by manipulating texture manipulation. For instance, we put a model of the brand’s name over the microphone model instead of using textures. It allowed us to decrease the model’s weight.

Fun facts about the project

To create the ‘emerging from the dark’ effect we used the WebM video format with a transparent alpha channel. We’ve drawn dark stripes on the sides of the interactive 3D model on the main page. They were used instead of shadows as the depth illusions to increase the download speed. The corporate style we created is now used in the online shop.

The website features all color variations of the mics — red, black and cream. The main scheme adapts to the chosen color for further emphasis.

technologies

Three.js

GSAP

SCSS

Webpack

Wordpress

Shopify

reviews

David Arthur Brown
David Arthur Brown
Founder

We get a steady stream of compliments about our website – everybody’s impressed with the design. Red Collar are true best-in-class web designers, and very attentive. If you’re looking for a cutting edge website that will stand out from the pack, look no further than the Red Collar. Highly recommended.

see also

FMEC Group

A mascot, logo, and flexible brand identity for a British agricultural company

Creddy

A corporate website for a P2P lending service

Squilla Fund

A site full of motion for Squilla, a fund that assists with making sensible ICO investments

Have an idea in mind?

We’re Red Collar. And what’s your name? We actually need your e-mail to get in touch Wow, this load is way too heavy for us. Files larger than 10 MB can be sent to hello@redcollar.co You made a mistake, but it’s fine. We all do. Please, enter a valid e-mail

By submitting this form you agree to our privacy policy

  • 224 W 35th St, Ste 500 PMB 141,
  • New York, NY 10001, USA

we craft award-winning digital experiences that reach both minds and hearts of people

8
65
13
4
36
8

We use cookies to collect anonymous data and make our website even better