Skip to content
Ulka

Ulka

Sector & region
Electric bikesBengaluru, IN
Year
2026
Type
Concept
Ulka homepage hero

An e-bike store lit by the same Bengaluru dawn on every scroll: light serif names, instrument-panel mono, and dark graphite machines floating in warm air with no ground beneath them.

About

Ulka is an invented electric-bike maker from Peenya, Bengaluru, with three models built around one sealed, swappable battery: Tara for the daily commute, Vayu for long climbs and Gaja, a longtail for cargo and school runs. We set ourselves a storefront brief: sell a monsoon-proof machine to riders who already know every flooded underpass on their route.

The page sits on one dawn gradient, blush to apricot to pale sky, so every chapter feels lit by the same early light. Model names are set huge in Newsreader Light, while specs, tabs and prices run in small Martian Mono capitals, an editorial voice paired with an instrument panel. The bikes are drawn, not photographed: matte graphite with cylindrical shading and a warm bounce from the gradient. Two chapters break the warm scroll on purpose, a slate-blue swap-hub map and a burnt-orange Deccan dusk behind a giant wordmark.

Every bike is generated as layered SVG from a single set of frame geometry and projected into side and three-quarter views, so the spec explorer shows a true three-quarter render with frosted hotspots and an X-ray mode revealing cells, motor windings and wiring. One model switcher updates the intro, feature list, exploded battery view and spec table together, and kit tabs recalculate weight and price. The hero scene, the tilted Bengaluru map and the footer landscape are code-drawn as well, and at phone width the layout folds into one column with a slide-in colour-block menu.

Features

Website3DE-commerce

Deliverables

  • Landing page and storefront
  • Logo and wordmark
  • Product render system
  • Responsive system
  • Motion and interaction
ulka.conceptOpen live ↗
Ulka homepage
Live, scrollable prototype of the Ulka website.
Ulka: manifesto section

Highlights

  1. 0111-section storefront, responsive from 360px to 1920px
  2. 02Three bikes drawn as SVG in side and three-quarter projection
  3. 03Spec explorer with hotspots, X-ray view and kit pricing
  4. 04Tilted 3D map of Bengaluru swap hubs with live filters
  5. 05Scroll telemetry footer over a code-drawn dusk landscape
Ulka: lineup section
Ulka on a phone, view 1
Ulka on a phone, view 2
Ulka on a phone, view 3
Ulka: routes section
Ulka: compare section

The whole page

Every section of the homepage, top to bottom, exactly as built.

The full Ulka homepage, top to bottomHover to scroll the full page
Ulka: specs section
Ulka: footer section

Colour

Blush DawnBackground#F6E7E1
Apricot HazeGradient and selected chips#FBE3C4
Monsoon GraphiteInk and bike renders#16181B
Swap-hub SlateMap chapter#2A4B62
Deccan LateriteFooter dusk and card gradient#8E3A1E
EmberAccent: battery LEDs, wiring, markers#E0642C

Type

DisplayAaNewsreaderWeight 300
BodyAaHanken GroteskWeight 400
Mono labelsAaMartian MonoWeight 400

Next projectPet care app

Bhow

Related work