All projects

Product Designer & Front-end Prototyper · Jul 2026

A complete luxury fashion commerce concept — editorial discovery, a 20-piece catalog, product detail, wishlist, bag, four-step checkout, confirmation, and account services shaped as one responsive journey.

My role

Self-briefed, and mine end to end: the art direction, the 20-piece catalog, every flow from discovery to confirmation, and the front-end prototype it is shown in. No client and no brief but my own — this one is here for range, not as delivered work.

View live site
E-commerce
Art Direction
UX/UI
Responsive
Motion
Maison Élan campaign in a limestone gallery

NEW COLLECTION — AUTUMN / WINTER 2026

THE ART
OF RESTRAINT

A study in precise tailoring, sculptural silhouettes, and materials chosen to endure.
SCROLL TO DISCOVER

CURATED BY THE MAISON

OBJECTS OF
LASTING DESIRE

A considered wardrobe of precise tailoring, fluid eveningwear, and leather goods shaped by hand.

Maison Élan womenswearWOMEN
Maison Élan tailoringTAILORING
Maison Élan leather goodsLEATHER GOODS
MAISON ÉLAN
Campaign view shown
A real 1440px homepage canvas, scaled into the case. The tour starts automatically; navigation remains interactive by mouse and keyboard.
00DESIGN SYSTEM · FOUNDATIONS

HOUSE CODES / DIGITAL

Typography sets the tempo.
Colour sets the temperature.

Two type families carry two jobs: Cormorant Garamond creates the house's editorial voice; Inter keeps every product decision exact.

The palette stays close to material — paper, stone, ink, and wine — so product photography remains the loudest colour in the interface.

/ TYPOGRAPHY01 / 02
DISPLAY VOICE

Cormorant
Garamond

High contrast and tight leading make the editorial voice feel composed, not ornamental.

AaBbCcDdEeFfGg
HhIiJjKkLlMmNn
OoPpQqRrSsTt
UuVvWwXxYyZz

0123456789 · & · É · À · AW26
INTERFACE VOICE

Inter

Neutral forms, open counters, and tabular numerals keep dense product information calm at small sizes.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789 · SIZE 38 · €2,450 · IN STOCK
ROLEFAMILYSIZE / LEADING / TRACKINGSPECIMEN
DisplayCormorant Garamond112 / 0.79 / −4.5%The Art of Restraint
SectionCormorant Garamond62 / 0.95 / −2.5%Objects of lasting desire
EditorialCormorant Garamond18 / 1.60 / 0Materials chosen to endure.
InterfaceInter10 / 1.30 / +18%SIZE · COLOUR · DELIVERY · CARE
/ COLOUR SYSTEM02 / 02

Six tones.
One quiet hierarchy.

Burgundy is used as punctuation, never wallpaper. Ivory and paper separate depth without adding chrome; ink and charcoal hold the functional states together.

01

Burgundy

Accent · focus · selection

HEX
#4A171D
RGB
74, 23, 29
02

Ivory

Primary canvas

HEX
#F5F2EC
RGB
245, 242, 236
03

Paper

Raised surface

HEX
#FAF8F4
RGB
250, 248, 244
04

Ink

Primary type · action

HEX
#0B0B0B
RGB
11, 11, 11
05

Charcoal

Secondary dark surface

HEX
#272727
RGB
39, 39, 39
06

Maison Gray

Secondary type · inactive state

HEX
#A7A39B
RGB
167, 163, 155
DESIGN DECISIONOPERATING RULEPROOF IN THE PRODUCT
01Desire vs. utility

Editorial first, answers on demand

Campaign scale collapses into precise product facts without a visual reset.

02Choice vs. curation

Reveal complexity with intent

Filters, fit, delivery, and payment appear at the moment they become useful.

03Luxury vs. speed

One system, different tempos

The same tokens move from expressive discovery to focused checkout.

01MICRO-INTERACTION

Make the result of an action unmistakable

Adding an item should feel immediate without breaking the customer's context. The selected piece travels into the bag, the count updates, and the mini-cart arrives with the exact size, colour, price, and next step already visible.

MAISON ÉLAN
Sculpted black wool blazer01 / 06

BLAZERS · AUTUMN / WINTER 2026

SCULPTED
WOOL BLAZER

€2,450 VAT INCLUDED

Compact Italian wool, defined shoulders, and a sculpted waist.

SELECT SIZEFR

AVAILABLE ONLINE

Choose a size and press Add to bag — the interaction is rendered live in React.
02CHECKOUT FLOW

Remove friction, not atmosphere

Checkout becomes progressively more focused, but it never looks like a different product. Four short stages expose only the decision at hand, while a stable order summary keeps price and product context visible.

Validation, delivery choice, packaging, gift messaging, payment, and confirmation were designed as explicit states — including keyboard focus, errors, success feedback, and reduced-motion behaviour.

MAISON ÉLAN
SECURE CHECKOUT
1Contact
2Delivery
3Packaging
4Payment

STEP 1 OF 4

CONTACT

Your order updates and private client service details.

Email address
client@example.com
Phone number
+420 000 000 000
ENTERING EMAIL
Checkout demonstration ready.
Press Play flow to watch contact, delivery, packaging, and payment complete in sequence.
03PRIVATE ACCOUNT

Recognition before personalisation

Sign in and account creation extend the same quiet, service-led tone. Returning clients reach orders and saved pieces quickly; new clients see the value of an account before being asked for their information.

Sign in and Create account are both live states — switch between them manually or replay the automatic form sequence.
04SYSTEM THINKING

Not a set of screens — a product system

The catalog optimises comparison, the product page supports confidence, and checkout removes distraction. Shared spacing, type, controls, and service language make those different layouts feel unmistakably part of the same Maison.

Catalog · compareAutomated sequence
Product · decideAutomated sequence
Checkout · completeAutomated sequence
05RESPONSIVE EXPERIENCE

The same confidence in one hand

Mobile keeps the art direction, not the desktop layout. Navigation becomes a full-screen drawer, product browsing stays two-column, galleries become swipeable, and the primary product action remains reachable at the bottom edge.

Desktop product detail experience
Mobile Maison Élan campaign homepage
Mobile product detail with sticky add to bag action
MAISON ÉLAN · CONCEPT PROJECT · 2026

A luxury fashion house imagined as a complete digital product — art-directed, accessible, responsive, and ready to be experienced.

More projects

  • Mar 2024 — Present

    YouHodler — youhodler.com & youhodler.ar

    Two crypto platforms designed from one practice: a component system that took marketing out of the queue behind design, UI patterns built for localised markets and SEO, and product animations built in code.

    Live site
  • 2026

    NILO — Perpetual Trading, Without the Rush

    A perpetual trading workspace and the site that sells it. Nine live panels — chart, order book, ticket, positions, risk — designed to be read at a glance under pressure, and a landing page whose every claim is backed by a working miniature of the thing it's claiming.

  • Nov 2023 — Jan 2024

    TrendArena — The Temperature of a Token

    A Telegram mini-app where a token's supply burns faster the more the internet talks about it. The design problem was making an invisible, server-side burn rate legible at a glance — solved by making the interface's own tempo the reading: a cold token breathes every 6.5 seconds, an extreme one every 2.

    Live site
  • Jun 2025 — Dec 2025

    Course Center

    A Telegram-native course platform I founded and designed: schools, courses and lessons that never leave the app, checkout in TON and Telegram Stars, six ways to grant access, AI-drafted course structures and a referral programme. Owned UX from concept to MVP and early scaling, reaching 500+ MAU in 3 months. Handed operations to trusted entrepreneurs at the end of 2025 and stayed on as a consultant.