UI/UX Design + Frontend · 2024

Modme.uz Landing Page

Landing page for the Modme CRM & LMS platform, used by educational centers.

I work at Modme CRM as IT Support Manager; the landing page was a project outside my main role — I did the design and the frontend myself.

Open the live site

Modme.uz Landing Page

Project overview

Role
UI/UX Design + Frontend Development
Duration
3–4 weeks
Tools
FigmaNext.jsTypeScriptTailwindCSSFramer MotionGSAP

The task

  • To decide on Modme, the head of an educational center had to collect information from several places — price, features and documentation were not in one spot.
  • Demo requests slowed down on arrival: they landed in a mailbox and were copied over by hand.
  • The site had to look trustworthy — this is where a client chooses the system their whole business will run on.

What I did

  • Put the entire decision path on one page: why you need it → how it works → what it costs → request a demo. Each block answers one question.
  • Connected the demo form straight to Telegram, so a request reaches the team the moment it is sent.
  • Built it in Next.js myself; the animations (Framer Motion, GSAP) are there to direct attention, not to decorate.

Result

  • A visitor can see the price, the features and the documentation without leaving the page, and request a demo from there.
  • Demo requests are no longer copied by hand — they arrive in the team's Telegram.
  • The site is live at modme.uz.

What's included

  • Pricing — plans and what each one includes
  • Platform benefits and a short description
  • Documentation and resource links
  • Video tutorials section
  • Gamification preview — points, badges, motivation
  • Demo request form, delivered to the team via Telegram

Design system

Typefaces

Aa Bb 123
Inter
Headings
Aa Bb 123
Inter
Body text

Colours

Corner radius

10 → 24 px

Live sample

Modme.uz Landing Page

A piece of the project's own design language — the same typefaces, colours and corners.

Demo so'rash

Screens

  • Home Page

    Home page

    The platform's value, the main call to action and the key sections.

  • Pricing

    Pricing

    Plans and what each one includes.

  • Gamification

    Gamification

    Points, badges and learning motivation.

  • Demo request

    Demo request

    The form; submissions are delivered to Telegram.