Vakmi

Designed and developed the Vakmi website, presenting a voice-to-text product built to make multilingual typing easier. The experience combines clear product storytelling, a modern visual direction, responsive layouts, and subtle motion to communicate the product's value and guide visitors through its features.

UI/UX Design · Visual Design · Frontend Development · Motion Design

01UI/UX Design

Planned the website structure, information architecture, user journeys, and page layouts to communicate the product clearly.

02Visual Design

Created the visual direction, typography, color system, reusable interface patterns, and polished website sections.

03Frontend Development

Implemented the responsive website using Next.js, React, TypeScript, and Tailwind CSS, translating the designs into working interfaces.

04Motion Design

Created animated transitions, interactive elements, and smooth visual movements to make the browsing experience more engaging.

Colour palette

• Olive

  #74801B

• Light olive

  #A8B23A

• Cream

  #F7F5E9

• Sage

  #EDEED8

• Ink

  #1D1E19

Building the Vakmi Experience

The website brings together product storytelling, clear feature presentation, responsive implementation, and purposeful motion to introduce Vakmi to its audience.

• 01

  Product-focused hero section and clear calls to action.

• 02

  Feature sections explaining the voice-to-text experience.

• 03

  Language and product capability presentation.

• 04

  Pricing and conversion-focused sections.

• 05

  Responsive layouts for desktop, tablet, and mobile.

• 06

  Animated transitions and interactive visual elements.

• 07

  Smooth scrolling and carefully timed motion effects.

Technology Stack

• Next.js

  Framework

• React

  UI library

• TypeScript

  Language

• Tailwind CSS

  Styling

• Framer Motion

  Animation

• Lenis

  Smooth scrolling