Animating the digital dreams for the Nettra Media website

Keep things simple with a pop of color

Considering the target audience, our focus was to make the company’s brand pop and feel alive. For this, we decided to build an identity based on three main RGB colors — red, green, and blue — that scream modern and digital.

To create a friendly and welcoming touch, our designer added shapes with rounded edges that keep things smooth and easy on the eyes. More so, they reflect the brand’s fresh nature and convey the youthful vibe we were going for.

We blended the company’s seriousness with optimistic shades of red, green, and blue from the RGB palette.
{{mais-t}}

Making user experience a top priority

During analysis, we took a hard look at what the competition was up to and highlighted the main challenge among them — the lack of easy navigation. Getting to what users needed was tougher than it should be, and it became clear what to focus our attention on.

We decided to give the site a full-on makeover, jazzing up the design, making the layout more intuitive, and fixing up the navigation to turn it into a place where people enjoy hanging out. With all this cool data in hand, we got some design ideas to make users click.

Dynamic design ideas that break new ground in the marketing industry

In our first concept idea, we went with a vibe of 70% graphics and 30% real photos. The whole site is full of gradients, lines, and shapes, giving sections a pop of something special, keeping users glued to the screen. Plus, we updated the colors to give the site a modern look that can evolve over time.

For this concept, we shook things up with creative content design using 3D modeling details. When scrolling, these elements turn into large service cards, catching users’ attention and boosting visits into action. The solutions used for this design idea are all about user-friendliness and sparking joy.

{{slider-1}}

Spicing up web design with some flair

Considering that simplicity doesn’t mean dullness — we ramped up the individuality by adding some awesome flat graphics. To really dial up the uniqueness and punch, our team threw in some fun GIFs and eye-catching photos.

For the backgrounds, the dark ones were a bit too moldy. Instead, brightening things up with lively colors seemed like the way to go. This approach highlighted the cool stuff on the site and made sure it caught users’ eyes.

With this catchy and screaming makeover, we added a ton of emotion and energy to the design.
{{maria-badiuk}}

Animation magic behind the scenes

When it came to the development phase, we started with building the tech part from scratch. The main goal was to code every page, bring the animations from Figma to life, and integrate an easy-to-understand way to manage posts in the admin panel.

Given the project’s scale and the complexity of the animations, we chose Webflow, CSS, and JavaScript as primary tools. To pack the site with functionalities, our developers complemented this list with some ready-to-use JavaScript libraries.

To achieve animation goals, we used a variety of libraries, Webflow’s capabilities, and our own JS scripts, crafting a smooth and dynamic user experience.
{{andrew-m}}

Ensuring a smooth mobile experience

With all the animations on the desktop, we had to leave a few on the mobile to avoid messing up the user experience. Our developers kept the essentials — the page-load animations and the snazzy effect when users open the burger menu.

Plus, we decided to hold the GIFs. Even though they’re a bit heavier than regular images, they’re such a key part of the website’s look that we just couldn’t part with them. This way, we made the site fun and got everything worked like a charm.

Educational guide to managing posts

Our team has put together a comprehensive guide on how to keep Webflow posts in perfect order. We explained ways to add new content and tweak what’s already there.

Plus, our developers included plenty of photos and step-by-step instructions to make everything crystal clear. This made it easier to manage the site’s content like a pro.