Role: Web & Product Designer (solo) Scope: Marketing site, information architecture, copy system, motion design, UI components Audience: Romanian police & gendarmerie officers (mobile-first) Outcome: A fast, trust-centric site that explains an AI assistant for on-duty officers and converts to app installs.

Communicate a serious, low-friction product: an AI chat that gives instant legal clarifications, ready-to-paste report phrasing, conversation history, and always-up-to-date law references. The site must feel official yet friendly, work great on phones, and highlight a simple pricing model (Free vs Pro).

Clarity over hype — explain benefits in plain Romanian, no distractions.

Credibility — legal tone, neutral monochrome palette, robust typography.

Conversion — clear “Descarcă aplicația” CTAs, pricing cards, FAQ that reduces risk.

Motion with purpose — subtle 3D buttons, scroll reveals tied to comprehension.

Audience works under time pressure; copy must be short and scannable.

Visual language should avoid playful patterns; monochrome + accent only.

Mobile first; hero device demo carries most of the narrative.

Legal copy must never imply “official legal advice”.

Mapped content into a 3-scroll story: What it is → Cum funcționează → Prețuri & FAQ. Wrote microcopy for each card:

Clarificări juridice instant (chat metaphor)

Fraze pregătite pentru rapoarte (ready templates)

Istoric de conversații (reuse text)

Actualizat constant (sync with latest changes)

Gândit pentru mobil (no fluff)

Monochrome UI with strong hierarchy (Red Rose headlines, DM Sans body). Device demo showing a real conversation with numbered steps/bullets to signal procedure. 3D glassy buttons with soft-press states, tuned shadows for iOS feel.

Hero video: phone frame + animated chat; lock-screen animation on scroll. Benefits section: five items fade in on scroll to match reading flow. Pricing: Free vs Pro with “first 7 days free” chip, single primary CTA. Footer: built in Unicorn Studio; smooth anchors (Beneficii / Descarcă / Preț).

Tokens for type scale, spacing, radii, shadows, and grayscale. Reusable CTA button, feature card, FAQ accordion, pricing tile. Copy system enforces headline (2–3 words), subline (single sentence).

WCAG-safe contrasts for dark cards on light background. Motion kept under 300ms; no parallax that hurts legibility. Semantic headings and tap targets ≥44px.

Video 1 — Hero interactions (placed after “Structure & copy”).

Video 2 — Benefits reveal (placed under “Interaction & motion”).

Video 3 — How it works → Pricing → Footer assembly (placed below Screenshot 2 in “Key screens delivered”).

Screenshot 1 — Full hero (at the very top).

Screenshot 2 — Full “How it works” grid (before Video 3).

Hero: “Asistentul digital pentru polițiști și jandarmi” + device demo. Benefits: 5 cards with short proof text.

Pricing: Free (1 întrebare/zi + istoric) vs Pro (nelimitat, memorie, atașamente). FAQ: risk-reducing answers about data handling and availability.

Custom footer designed in Unicorn Studio

Figma (branding & chat elements) · Wordpress + Elementor (website dev) · Midjourney (glove holding the hand) · Photoshop (fixing details on the glove + adjusting the phone frame over it) · Jitter (motion) · Unicorn Studio (footer & interactions).

Clear, credible narrative tailored to a sensitive audience. Motion enhances comprehension, not decoration. Componentized system that can scale to product pages (e.g., legal updates, changelog).

3D button style inspiration: Petr Knoll. Phone frame & video compositing: in-house.