EN
RU
EN
RU
CASE 03 / 2026
UX/UI design – website redesign

DR. FRIDMAN

seven directions – one site
Role
Lead UX/UI: concepts and design of the homepage, Doctors page and doctor profile
Agency
Startsmile Agency – a dental marketing agency
Task
Redesign of the Dr. Fridman dental centre website
Platforms
Desktop · Mobile
Dr. Fridman – final first screen
01
– Task
A long-standing client who wants to look modern. The site was outdated, and the task was visual: keep the content and the clinic’s recognisability, but change the feel.
Before
Dark graphite theme, orange outline buttons, small type, blocks with no rhythm
Request
Make the site more modern while keeping the content and the clinic’s recognisability
What we do
Concepts and design of three key pages, then the whole site in the approved style.
same content – a different feel
Before · old homepage
Before · old homepage
After · new homepage
After · new homepage
02
– Design concepts

7 homepage concepts for the client to choose from

Instead of one “yes or no” layout – seven directions: light and dark, with full-screen photos, ovals, gradients and handwritten accents. We sent the client a PDF, and they gave feedback on each one. Below are the first screens.
Concept 01. Light, full-screen photo
Concept 01
Light, full-screen photo
Concept 02. Dark, circle and handwritten accent
Concept 02
Dark, circle and handwritten accent
Concept 03. Light, oval and serif
Concept 03
Light, oval and serif
Concept 04. Light, oval and sans serif
Concept 04
Light, oval and sans serif
Concept 05. Light with dark sections
Concept 05
Light with dark sections
Concept 06. Dark with a bright gradient
Concept 06
Dark with a bright gradient
Concept 07. Dark graphite
Concept 07
Dark graphite
7
full homepage layouts
03
– Block variants

Several solutions for every block

01
First screen
Four ways to present the main photo
First screen: full-screen photo
First screen: circle on a dark gradient
First screen: oval on light
First screen: rounded photo with a glow – approved
Approved
02
Advantages
The clinic’s numbers – three ways
Advantages: three cards with a blue wave
Advantages: outline cards on blue
Advantages: dark accordion stripes – approved
Approved
03
Specialists
How to show the doctors
Specialists: dark cards
Specialists: photo cards with a glow
Specialists: b/w portraits with a blue label – approved
Approved
04
Booking
The form and its surroundings
Booking: form with a gallery on dark
Booking: team photo and a blue form
Booking: doctor photo and a form on a gradient – approved
Approved
05
Services
From photo cards to icons
Services: dark photo cards
Services: photo mosaic with a round button
Services: light cards with icons – approved
Refined
04
– What the client chose

What the client chose and why it works

Block
Approved variant
Why it works
First screen
Rounded geometric photo, text, light background
The name and advantages read at once, the operating-room photo sets the tone
Advantages
Dark accordion
A contrasting block on a light page, the numbers read one at a time
Specialists
Black-and-white portraits with a blue label
One photo style and an accent on the central card
Booking
Doctor photo and a form on a gradient
The form stays the main element, the photo adds trust
Services
Light cards with line icons
Refined after the choice: calmer than the photo mosaic and in the shared light theme
05
– Final homepage, desktop and mobile

Homepage

Desktop · 1440
Final homepage, desktop, part 1
Final homepage, desktop, part 2
Final homepage, desktop, part 3
Mobile · 320
Final homepage, mobile, part 1
Final homepage, mobile, part 2
Final homepage, mobile, part 3
Final homepage, mobile, part 4
06
– Redesign of the whole site

The homepage is just the start

I did the homepage, the Doctors page and the doctor profile. Once the style was approved and the work was on track, I handed the other pages to my assistant – now I review and give feedback.
Before · old Doctors page
Before · old Doctors page
After · new Doctors page
After · new Doctors page
Doctors · full desktop page
Doctors page, full desktop
Doctor profile · full desktop page
Doctor profile, full desktop
07
– UI kit and adaptive

One system for every page

UI kit: header, buttons, icons
UI kit: header, buttons, icons
Mobile menu
Three states of one menu: site sections, service areas and the services themselves. A patient gets to the right service in three taps.
Mobile menu, state 01 · Sections
State 01 · Sections
Mobile menu, state 02 · Areas
State 02 · Areas
Mobile menu, state 03 · Services
State 03 · Services
08
– Results

What the client got

For a dental clinic I’d have picked something calmer myself, but the choice is the client’s, and the client is happy. I also learned this: when in doubt, ask the team. I showed the layouts even to colleagues outside the project, and it helped.
01
A real choice
Seven homepage concepts. The client chose and is happy.
02
A site built from their own picks
The approved block variants are brought together in one theme with a light-blue accent and black-and-white portraits.
03
Two weeks for the homepage
Agreeing on the concept took the longest.
04
The site is live
The homepage, Doctors page and doctor profile are built and running at drfridman.ru. The other pages are in progress.
09
– Contacts
For questions and collaboration – kateshprints@gmail.com
Thanks for watching!
Telegram
Instagram
Project
Dr. Fridman × Startsmile Agency
↑ write to me, I’m around
© 2026 Ekaterina Shprints
Made on
Tilda