Interactive character
The homepage includes character controls alongside its opening statement.
KathiRun — Interactive Website
Live websiteInteractive website study. The published interface is available to explore.
01 / THE PROBLEM & FOCUSBehind the
Behind the
experience.
Make a long, content-rich website feel connected and easy to explore while giving it a distinct visual identity.
KathiRun is a standalone agency website presented here as a web design and development project. Its live interface combines an interactive character, animated diagrams, layered visuals, expandable content, and responsive navigation.
PROJECT FOCUS
Frontend composition, responsive presentation, and interaction design.
Implementation focus
- Interactive landing-page composition
- Motion-led storytelling and typography
- Responsive navigation and expandable interfaces
THE BOUNDARIES
Working with constraints.
- A long page needs clear navigation and repeated visual cues.
- Decorative motion must leave the content and page actions usable.
- The public deployment is available; its source repository is not linked here.
02 / TECHNICAL & DESIGN DECISIONSThe decisions
The decisions
behind the interface.
01
Use one visual language
The recurring character, warm accent, oversized typography, and diagram-like scenes connect otherwise separate sections.
02
Make motion controllable
Visible pause and replay controls let visitors explore interactive moments at their own pace.
03
Keep the journey navigable
Section navigation, expandable questions, and repeated contact cues make the long-form page easier to scan.
03 / THE INTERFACE
A closer look.
Actual project screens. Select one to explore the details.
What came out of it.
A published interactive website with character controls, expandable content, and a consistent visual system.
Explorable sections
Expandable content and animated workflow diagrams communicate different ideas without leaving the page.
Published interface
The complete website can be opened from the live-demo link.
UP NEXT / 02