2024
Modme.uz Landing Page
UI/UX Design + Frontend
Project overview
Role
UI/UX Design + Frontend Development
Duration
3–4 weeks
Tools
Figma
Next.js
TypeScript
TailwindCSS
Framer Motion
GSAP
Problem
- - Educational centers needed a single, trustworthy entry point to learn about Modme CRM & LMS and request a demo.
- - Product value (pricing, benefits, documentation, video tutorials, gamification) had to be clear at a glance.
- - The site had to feel premium and on-brand, with smooth micro-animations and modern UI.
- - Demo requests needed to flow directly into the platform (e.g. Telegram) for fast follow-up.
Solution
- - Designed a high-end landing with brand identity colors and clear hierarchy for pricing, benefits, docs, video tutorials, gamification preview, and resource links.
- - Built the site in Next.js with Framer Motion and GSAP for micro-animations and polished interactions.
- - Integrated a demo request form that sends submissions to Telegram for instant platform-side handling.
- - Structured content so visitors can get full platform info and request a demo in one place.
Results
- - A single, conversion-focused landing where visitors get pricing, benefits, documentation, video tutorials, gamification preview, and resources.
- - Demo requests from the form are delivered to Telegram and processed by the platform team.
- - Premium look and feel with consistent micro-animations and modern stack (Next.js, Framer Motion, GSAP).
What's on the site
- • Pricing (plans and benefits)
- • Platform benefits and short description
- • Documentation and resource links
- • Video tutorials section
- • Gamification preview — points, badges, motivation
- • Demo request form — sent to platform via Telegram
Screenshots
Page views
Screenshots of the project.
Home Page
Bosh sahifa: platforma qiymati, CTA va asosiy bo‘limlar.
Pricing
Narxlar bo‘limi — tariflar va afzalliklar.
Gamification
Gamification preview — ballar, rozetkalar va o‘quv motivatsiyasi.
Demo request
Demo so‘rash formasi — to‘ldirilgach Telegramga yuboriladi.
