Innersmith
A lightweight, elegant, and performance‑focused redesign for the Innersmith brand, emphasizing smooth interactions and visual storytelling.
View Live SiteProject Overview
Innersmith is a creative branding and design studio showcasing its aesthetic and philosophy through a visually compelling and fast-loading web presence. The redesign leveraged modern web technologies to deliver fluid scroll interactions and immersive animations while keeping code lightweight and accessibility-first.
Project Objective
To build a modern, visually engaging website with smooth scrolling, refined animations, and responsive layout that communicates Innersmith’s creative identity—while ensuring fast performance and minimal weight.
Project Details
Client
Innersmith
Year
2025
Duration
5 days
Domain
Creative Studio / Personal Brand
Color Theme
primary
#525299
secondary
#FF7171
accent
#000
background
#FFFFFF
text
#747474
Technologies Used
tools
Next.js
Tailwind CSS
GSAP
Framer Motion
LenisProject Showcase
Key Features
Lenis‑enabled smooth scrolling with natural ease‑in/out physics
Scroll-triggered visual reveal using GSAP
Page transitions and micro‑interactions via Framer Motion
Tailwind CSS design system for responsive, utility‑first styling
Modular Next.js architecture with optimized SSR and static rendering
Parallax and overlapping visual layers with scroll control
Accessible focus states and lightweight image handling
Project Results
Innersmith now has a web presence that visually communicates the studio’s craft—while loading quickly and scrolling seamlessly on all devices.
First‑Contentful Paint
Optimized Next.js SSR, critical CSS subset, and preloading strategies to deliver fast initial rendering.
Smooth Scroll
Lenis-powered smooth scroll delivered buttery fluidity across scrolls, feeling native on both mobile and desktop.
Animation Frame Rate
Animations remained stable at 60 fps even during scroll-intensive sequences, using GSAP + Framer Motion with virtualized layering.
Bundle Size
Tree-shook imports and code splitting kept the initial JS payload lightweight and fast-loading.
Our Process
Discovery & Research
We dive deep into your brand, audience, and goals to build a strategic foundation for the project.
Prototyping & UX
Mapping out user journeys and creating interactive wireframes to define the structure and flow.
Visual Design (UI)
Crafting a stunning, brand-aligned visual identity that ensures a delightful user experience.
Development
Bringing the designs to life with clean, efficient, and scalable code using modern technologies.
Testing & QA
Rigorously testing across devices and browsers to ensure a flawless, bug-free launch.
Launch & Deploy
Deploying the project to the world and ensuring a smooth transition to a live environment.
Iterate & Grow
Analyzing performance data and user feedback to continuously improve and evolve the product.
"The site feels alive. Scrolling is silky smooth, animations feel intentional, and the overall experience aligns with our creative vision."
Owner, Innersmith
Founder & Creative Director at Innersmith
Related Projects
Vardhman
In an industry that thrives on changing trends, agility and flexibility are vital contributors to success. Only those who can outpace stand a chance to out-grow.
Dodhia Group
A future-forward redesign for a global textile and chemical powerhouse driving innovation and sustainability.
Full‑Bore
Dashboard design for Full‑Bore’s consulting arm that supports smart manufacturing and digital transformation insight delivery.