Skip to content
All work

01Marketing website · Desktop software

LottoPoss

Desktop software marketing website

My role
UI/UX Design · Visual Design · Frontend Development
Project type
Desktop Software Marketing Website
Category
Marketing website · Desktop software
Built with
Next.js + React + TypeScript + Tailwind CSSWebsite front end
LottoPoss website hero with a violet Kerala skyline illustration

01Overview

Designed and developed the marketing website for LottoPoss, a desktop solution built for Kerala lottery retailers. The website introduces the product, communicates its key features, showcases its benefits, and helps potential customers understand how LottoPoss supports their daily shop operations.

Visit Live Website

02My role

UI/UX Design · Visual Design · Frontend Development

01UI/UX Design
Planned the website structure, user journey, content hierarchy, and page layouts to help visitors understand the product and explore its features.
02Visual Design
Designed the website's visual identity, typography, color palette, section layouts, feature presentations, and responsive design system in Figma.
03Frontend Development
Implemented the website interface using Next.js, React, TypeScript, and Tailwind CSS, with responsive layouts, interactive elements, and animations.

03Visual direction

Colour palette

  • Violet

    #6D28D9

  • Bright violet

    #7C3AED

  • Midnight

    #0A0818

  • Lavender mist

    #F6F5FB

  • Highlight yellow

    #FACC15

04Figma design

Website Design in Figma

Exploring the visual direction, page structure, and interface details behind the LottoPoss marketing website.

05Website experience

Building the Website Experience

  • 01

    Product-focused hero section and clear calls to action.

  • 02

    Website sections presenting the desktop software and its key features.

  • 03

    Feature layouts designed for clarity and readability.

  • 04

    Responsive layouts for desktop, tablet, and mobile.

  • 05

    Subtle animations and interactive visual elements.

  • 06

    Clear navigation and conversion-focused page structure.

06Final UI

Screens from the live website

Use the left and right arrow keys, or swipe, to move between screens.

LottoPoss website hero with a violet Kerala skyline illustration

01 / 07Hero — “Your entire lottery business, one screen.”

Next case study

Purple Dotts

Corporate website design for a technology company connecting business systems, people and data.