All work
Web Design3DInteractive

Case study · Self-initiated interactive web concept

Lithos Geological

Let the ground tell the story.

Role
Concept Designer & Front-End Developer
Scope
Creative direction, Interactive design, Front-end build, Showcase video
Lithos Geological case-study cover

Project overview

Lithos is an interactive visual concept for geological learning. The interface uses a sculpted strata landscape, editorial typography, and movement cues to turn scientific depth into an inviting experience.

The challenge

Geology can feel dense and diagram-heavy. The design needed to remain educational while creating immediate visual wonder.

Strategy & execution

  1. 01

    Made layered terrain the primary navigation metaphor.

  2. 02

    Balanced an expressive serif display with a restrained, high-contrast interface.

  3. 03

    Used motion as an instruction: move to reveal: rather than surface decoration.

Results

  • A responsive, production-coded landing-page concept.
  • A memorable visual identity tied directly to the product subject.
  • A complete showcase video demonstrating the interaction and pacing.

Experience in motion

The homepage, in motion

Zia Abdullah
Homepage motion showcase

Project gallery

Screens, systems, and performance

Selected interface views, motion stills, and approved performance evidence where available.

Lithos interactive geological website concept
The geological strata is both hero image and interaction metaphor.
Lithos geological website interaction scenes
Interaction states and page scenes showing the complete geological visual system.