SELECTED WORK · 01

IVIVI Style

WEB DESIGN

UX/UI

FRAMER

In progress — IVIVI Style ↗

I designed and built a website where a personal stylist’s offer is clear, warm and one step from contact.

CLIENT

Iwona Gansiniec — IVIVI Style, personal stylist

TEAM

Solo — the client and me

MY ROLE

UX, UI and the Framer build · content structure, SEO, motion and video

TIMELINE

2026 · freelance

TOOLS

Figma · Framer · Jitter

• home page

At a glance

Problem

A stylist’s work is visual and personal. People need to see the effect, understand the services and prices, and trust the person before they get in touch. Iwona’s old site was out of date and poorly designed. It didn’t show her achievements or how much she had grown over the years, it had no online payments and no newsletter, and she was practically invisible in Google.

Solution

I designed and built the whole site: the offer and prices in one place, real metamorphoses and short films as proof, and a short path to contact.

Result

The first version is live on desktop, tablet and phone, with SEO and social previews in place. The site is still in progress and grows with her business.

Start with the person.

• starting point

Who her clients are

Mostly young mothers returning to work: short on time and doing everything on the go.

Conversations with Iwona

What Iwona does, who comes to her and how she talks about her work.

Her materials

Photos from a session she did for the site, client stories, films from wardrobe reviews and the price list.

• what we took from it

01

Show the effect before the offer.

02

Prices visible, not hidden.

03

Her voice, not a template.

04

Every section ends with a next step.

Three pages, one path.

• about page

PMI Silesia — architektura informacji i site mapa
PMI Silesia — architektura informacji i site mapa

Gold, cream and two typefaces.

• design system

Iwona Gansiniec's website home page shown on a laptop on a stone side table

#815A1D

#3D2B1A

#B0801E

#63452F

#E7E1D6

#776A5E

ABCDEFGHIJKLMNOPRSTUWYZ

ABCDEFGHIJKLMNOPRSTUWYZ

abcdefghijklmnoprstuwyz

abcdefghijklmnoprstuwyz

Cormorant Garamond

ABCDEFGHIJKLMNOPRSTUWYZ

abcdefghijklmnoprstuwyz

Manrope

Aa

01

Colour

Gold #815A1D from Iwona’s colour type, chosen together and checked for WCAG.

Gold

#815A1D

Ink

#3D2B1A

Brown

#63452F

Dark

#312319

Muted

#776A5E

Sand

#E7E1D6

Cream

#F5F0E8

Paper

#FEFDFB

03

Components

Services, packages and modals built as components with variants.

04

Breakpoints

Every section designed for desktop, tablet and phone.

05

Voice

Copy in Iwona’s own voice.

06

Motion

Only on entry: text from blur, counting numbers, a rotating headline.

From first sketch to live site.

• key decisions

01

The offer, close at hand

Offer high on the home page, an online / in-person switch and one tile for both colour analyses.

02

Every service in the hero

A rotating headline names her services, and tells Google what she offers.

03

Contact in one step

Forms at key points, a gift form, and a thank-you page after sending.

04

Details on demand

Each service opens a modal; sections stack like chapters.

05

Proof, not claims

Numbers, her training, reviews you can check, films from real sessions.

06

All work on one page

Every makeover as a gallery, live without empty placeholders.

07

Answers before questions

An FAQ and the life changes she helps with, spelled out.

08

Built for the phone

Own tablet and phone layouts; films load only when in view.

09

Found locally, kept in touch

Her towns in the footer and a newsletter that runs on its own.

10

Calm and accessible

Alt text, labels, focus, large targets, soft errors and a 404 in her colours.

• home & phone

• offer & pricing

IVIVI Style — offer and pricing on desktop

Offer and pricing — the online / in-person switch, a colour analysis tile that opens into two versions, and packages one tap away.

— home page on desktop

From Figma to a live site.

The first version is live on a Framer address. The site is still in progress: the client will connect her own domain and publish it. She hadn’t accepted online payments before but knows they’re easier for her clients, so she chose Autopay. Next come Google Analytics, so we can measure traffic from the launch of the new site, and a Google Business Profile, so she can be found in Google and sell more.

Mockup: Iwona Gansiniec's website on a laptop standing on a stone pedestal
Mockup: the website on a phone lying on draped fabric
Mockup: the website on a phone held in two hands
Mockup: the website on a phone leaning against a stone
Mockup: Iwona Gansiniec's website on a laptop standing on a stone pedestal
Mockup: the website on a phone lying on draped fabric
Mockup: the website on a phone held in two hands
Mockup: the website on a phone leaning against a stone
Mockup: Iwona Gansiniec's website on a laptop standing on a stone pedestal
Mockup: the website on a phone lying on draped fabric
Mockup: the website on a phone held in two hands
Mockup: the website on a phone leaning against a stone

— o mnie — mockup z prezentacji

— prezentacja projektów

Results

What changed.

The offer in one place

Services, packages and prices on one page, instead of in private messages.

Proof, not promises

Real metamorphoses and films show the effect before anyone asks.

Live and in progress

The site is live on every screen and still in progress. The newsletter automation is set up and tested. Next: her own domain, online payments through Autopay, Google Analytics to measure traffic from launch, and a Google Business Profile.

NEXT PROJECT →

PMI Silesia