|
|
|

Review

Review

1 Project

Review

Review

1 Project

Brand Logo
Icon
1 2 3 4 5 6

<!--

Inside the Build

-->

Client:

Sprinta

Role:

Front End Development

Year:

2025

Work Image
Why This Exists

Sprinta introduces a different way to think about running.

Instead of focusing only on distance and time, the app adds a layer of territory and competition. Every run contributes to something bigger, where users can explore, compete, and gradually take over areas.

The website was built to make this idea easy to understand from the start, without overexplaining it.

Behind the Build

I designed and built the entire website from scratch using Framer, focusing on how to present a concept that isn’t immediately obvious.

The main challenge was clarity. The idea of “capturing territory” through movement can feel abstract at first, so the experience needed to make it feel natural and easy to grasp.

The structure was designed to guide users step by step, introducing the concept in a simple and visual way. Instead of relying on long explanations, the focus was on making the product understandable through layout, flow, and interaction.

Motion was used carefully to reinforce the idea of movement and progression, without getting in the way of usability.

What Makes It Work
  • Clear explanation of the core concept without overcomplication

  • Structured flow that builds understanding progressively

  • Visual language connected to movement and progression

  • Subtle motion and interactions to support the experience

  • Clean and focused layout

  • Fast and responsive across devices

  • Strong connection between product idea and presentation

The Stack

Designing
  • Figma

  • Illustrator

  • PhotoShop

Building
  • Framer

  • JavaScript

  • TypeScript

  • React

Motion
  • Gemini

  • Google AI Studio

  • Lottie

Deploy
  • Vercel

  • Oracle Cloud

Workflow
  • Cursor

  • Claude Code

Create a free website with Framer, the website builder loved by startups, designers and agencies.