draw rawdrop sharp

design & development est. 2017

Prague Escorts18+

Stack

Figma + Adobe Illustrator + Vite + Tailwind CSS + Alpine.js + Laravel Blade + PostCSS

Overview

Full redesign of an escort-directory platform — a modern, premium direction from Figma flows through a token-based design system to Blade templates and Alpine-driven UI.

A full redesign of an escort-directory product — not a marketing landing. The goal was a modern, premium feel: confident typography, calm spacing, surfaces that feel considered rather than template-driven. Listings, profiles, agency accounts, auth, and the states people actually hit — empty results, errors, loading. I mapped those journeys in Figma first so it was clear which screens were one-offs and which could share structure before any markup went in.

The visual layer is built on a shared system — 100+ tokens, nine breakpoints from 375px to 1920px, custom Tailwind plugins — instead of tuning each page in isolation. That kept filters, profile galleries, and agency dashboards on the same spacing, type, and surface rules across 15+ pages. Logo and merch touchpoints were done in Illustrator alongside the UI kit.

Implementation runs on Vite and PostCSS with Laravel Blade underneath: 55+ components composed into routes, not monolithic templates. Alpine.js handles the interactive layer — faceted filters, modals, multi-step forms, and a few global stores for UI state that needs to survive partial updates.

The deliverable is a production-ready redesign — full page set, component library, and interactive UI built to go live on the existing backend, not a throwaway mockup. The linked preview walks through the main flows; the system underneath is what keeps that premium feel consistent as the platform grows.