Brand & Web

Official Website For NAVTAR® Inventor

A bold artist site with custom music player, cinematic animations, and a distinctive visual identity

We joined as the development partner on the official website for Vishnu R, inventor of the NAVTAR®. Working alongside the agency that led creative direction, we built a cinematic site with scroll-driven animations, a custom in-browser music player, a photo gallery with lightbox, and an events section the team can update on their own.

Client

Vishnu R (via agency partner)

Timeline

Full engagement

CustomMusic Player

Built from scratch with play, pause, scrubbing, volume control, album artwork, and links out to Spotify and YouTube.

6Designed Pages

Homepage, bio, music, gallery, contact, and a custom 404. Each page tailored for desktop, tablet, and mobile.

ScrollDriven Animations

Cinematic text reveals in the about section, marquee banners, and smooth lightbox transitions across the gallery.

Self-serveEvent Updates

A simple content dashboard lets the team add, edit, or remove upcoming performances without calling a developer.

The challenge

Vishnu R needed a website that felt as distinctive as his music. As the inventor of the NAVTAR®, a nine-string instrument blending Indian classical tradition with contemporary sound, he wanted a bold online presence that showcased his compositions, told his story, and made it easy for fans and event organizers to reach him.

Most artist templates could not do justice to his brand. The site needed a strong visual identity, smooth animations that reward scrolling, a way for visitors to listen to his music without leaving the page, and layouts that work beautifully on phones where most fans discover artists.

What we built

We translated the agency's creative direction into a production-ready artist website built around Vishnu's red gradient brand. Every page was crafted for visual impact, with custom interactions and a music experience you cannot get from a template.

01
Cinematic Homepage
Full-screen hero and scroll-driven text animations in the about section, built to match the agency's visual direction.
02
Custom Music Player
In-browser player with playback controls, track metadata, album artwork, and links to Spotify and YouTube.
03
Photo Gallery
Responsive image grid with smooth lightbox transitions and hover overlays across the gallery page.
04
Self-Serve Events
Events section connected to a content dashboard the team can update without developer support.
05
Mobile-First Experience
Floating bottom navigation, custom 404 page, and automated contact form emails across every breakpoint.

How we approached it

01
Align With The Agency On Scope
We collaborated with the client's agency on brand direction, page structure, and technical requirements before development began, so the build matched their creative vision from day one.
02
Build The Experience
We implemented the homepage animations, custom audio player, and gallery interactions, refining each feature across desktop, tablet, and mobile.
03
Launch And Hand Over
We shipped the full site with search-friendly page titles and social sharing previews, then walked the team through updating events on their own.

The outcome

“A holistic blend of different music styles.”

A distinctive visual identity across six custom-designed pages, from the cinematic homepage to the dedicated music experience.
Visitors can stream NAVTAR® compositions directly on the site through a player built specifically for Vishnu's catalog.
The team updates upcoming performances themselves through a simple content dashboard, with no developer in the loop.

Inside the site

The homepage opens with a full-screen hero and scroll-driven about section that unfolds as you read. The music page centers on the custom player, where visitors browse compositions, control playback, and explore links to streaming platforms. Every interaction, from gallery lightbox to mobile navigation, was designed to match Vishnu's bold artistic identity.