Website
https://masterdom.od.ua
Redesign Goals
1. Improve accessibility of contact information.
2. Simplify navigation.
3. Increase conversions from mobile traffic.
4. Minimize vertical spacing.
Main Tasks
1. Replace the old logo with the store address
2. Burger menu
3. Store name
Current UX Issues
— The logo takes up too much space.
— The burger menu is at the bottom of the header and on the right side, with unused space.
— Scroll to key elements.
— Elements are not fixed.
New Header Structure
1. Top (fixed and not subject to redesign):
- Search on the left
- Language switcher in the center
- Cart on the right
2. Menu and logo block (fixed):
- Left: burger menu
- Center: text 'MASTERDOM' in corporate style
3. Phone and address block (not fixed):
- Under the logo: phones on the right as in the original version
- Below them: 'Call me back' button
- Store address (left instead of the old logo)
- Remove the phrase “Sale of doors and floor coverings...” under the phone.
UI Guidelines
- Font: use the current site font (if unavailable, suggest an equivalent).
- Colors: adhere to brand shades.
- Spacing: minimize vertical gaps, avoid unnecessary scrolling.
- Icons: minimalist, clear (search, phone, address, burger).
Responsiveness
— Support from 320 px
— Test: 320px, 375px, 414px
— Elements within user finger zone
Behavior
— Top block (search, languages, burger, logo) fixed on scroll.
— Tap actions: menu, phone, 'Call me back' active
— Phones are clickable
Designer Deliverables
Layout in Figma (or similar tool):
1 mobile version screen (fixed top + header structure).
A separate screen for the 'scrolling' state is possible.
UX annotations:
Labels indicating which elements are interactive, fixed, or hidden.
Spacing and style guidelines.
Font sizes, button sizes, spacing, colors.
Deadlines
— Layout: up to 3 working days
— Revisions (if needed): +1 day.