Unigift

Certifikát Google UX

Role

Brand & Web-designer

Role

Brand & Web-designer

Role

Brand & Web-designer

Role

Brand & Web-designer

Duration

2 weeks (March 2025)

Duration

2 weeks (March 2025)

Duration

2 weeks (March 2025)

Duration

2 weeks (March 2025)

Team

Solo

Team

Solo

Team

Solo

Team

Solo

Motivation

Clarity

Motivation

Clarity

Motivation

Clarity

Motivation

Clarity

Brand Design

Brand Design

Web Design

Web Design

Visual Identity

Visual Identity

#hero —

#nav-trigger-1 —

Context and scope

Unigift was a branding and UI project for a B2C gifting platform — real commission, paused before development. I was responsible for everything on the visual side: from logo and brand tone to interface structure and interactions.

The goal wasn’t just to make it look elegant. It had to feel calm, consistent, and emotionally clear — without overexplaining itself. — real commission, paused before development.

#context —

Emotional direction

Emotional direction

Emotional direction

Initial direction — calm luxury with a human tone

Brief

The target group was clear: women 25–40 with mid to high income, looking for something thoughtful, beautiful, and personal.
We weren’t designing for urgency or commercial discounts — this was about care, celebration, and taste.

Představuji si drahý hi-tech dům s mramorovou kuchyní, květinami a balonky, stuhami ve zlatavé barvě a sklenkami růžového šampaňského.

#moodboard —

From moodboard to brand identity

I started with a moodboard to capture that emotional tone:
natural lighting, delicate textures, soft flowers, and confident stillness.

Then I designed the visual system around it:

  • A minimal logo with symbolic balance — gift-giving as interaction

  • A color palette built on Tailwind Stone neutrals, with Rose gradients as emotional accents

  • Cormorant Italic for warmth, Pathway ExtraLight for rhythm and contrast

  • A tone of voice that’s soft, confident, and never excessive

Everything was intentional — nothing felt ornamental.

#guidline —

#form —

Testování použitelnosti a iterace

Testování použitelnosti a iterace

Testování použitelnosti a iterace

Testování použitelnosti a iterace

What mattered most was how the system behaves — not just how it looks.
The interaction design carried the identity through motion, spacing, and rhythm.

  • Grid: 12-column layout with scaled radii (20 / 16 / 8) for natural feel on each device

  • Buttons: gradient CTAs, outline states, and muted disabled versions — all WCAG-consistent

  • Navigation: soft underline interactions with slow transitions

  • Cards: responsive structure, generous padding, content-led hierarchy

  • Filters: designed but not implemented — their logic aligned with system tone

UI in action

UI in action

Only two screens were designed: the homepage and the product catalog.
But they were enough to test the whole system: content structure, contrast, responsiveness, and microinteractions.

The builder logic and checkout were outlined — but not developed.
Still, the system was flexible enough to grow.

You can try the prototype here:

Reflexe

✅ Co fungovalo

✅ Co fungovalo
  • Využívání omezení k řízení rozhodnutí — zejména při definování funkcí.

  • Upřednostňování přístupnosti před vizuální složitostí.

  • Aplikování logiky komponent již na začátku, inspirováno Fluent 2.

❌ Co nefungovalo

❌ Co nefungovalo
  • Příliš mnoho barev na počátečních obrazovkách — narazilo to na cíle srozumitelnosti a přístupnosti.

  • Přehlížení základní struktury — ztížilo to prototypování víc, než bylo nutné. 4o mini

"The interface doesn’t demand attention — it supports the gesture of giving."

#context —

#reflections —

What will we build?

© Ekaterina Pykhova, 2025

#footer —

#contact —

What will we build?

© Ekaterina Pykhova, 2025

#footer —

#contact —

What will we build?

© Ekaterina Pykhova, 2025

#footer —

#contact —

What will we build?

© Ekaterina Pykhova, 2025

#footer —

#contact —