Turadi

Turadi is a Franco-Italian manufacturer of high-end executive office furniture, specializing in smart boardroom tables with integrated technology.
They approached Davydov Consulting with a clear issue: while their Wix-based website looked acceptable on large desktop screens, it failed to deliver a consistent, professional experience across other devices — especially tablets and mobile phones.

Key problems included:
On mobile devices and tablets, the layout broke: overlapping text, images pushed out of frame, inconsistent padding, and empty white gaps.
There were no custom breakpoints to accommodate devices that fell between standard mobile and tablet sizes — particularly devices like the Samsung Galaxy Tab S6 (750px width).
Certain pages required design overhauls, updated content, and element repositioning to reflect Turadi’s premium branding.
The client’s primary devices for testing were a 22" desktop and a 15.6" laptop, but they requested compatibility for larger screens (24–27") as well.
The client provided a structured folder of annotated screenshots across different screen sizes, pointing out where specific visual and functional issues needed attention.


Objective
The main goal was to fully optimize all 8 website pages for responsiveness and presentation across all major screen types — from small mobile devices to ultra-wide iMacs.
This involved not only technical adaptation but also visual refinement, UI/UX consistency, and micro-adjustments to layout, spacing, and typography.


What We Did
1. Multi-Breakpoint Responsive Implementation
Each of the 8 core pages was manually reviewed and adapted for key device categories:
Mobile (320px–480px): Complete layout restructure, improved stacking order, readable font sizes, and larger interactive zones.
Large Mobile / Small Tablets (480px–750px):
Introduced a new custom breakpoint at 750px to specifically target devices like Samsung Galaxy Tab S6.
Laptops & Small Desktops (1025px–1440px):
Grid layout adjustments, font scaling, and image resizing for balanced visual hierarchy.
Large Screens / iMacs (1440px–2560px):
Ensured smooth scaling, consistent spacing, and intact layout on high-resolution displays.
Even though the client couldn’t test on large screens directly, we ensured fully optimized performance and layout integrity up to 27” monitors.

2. Redesign & Visual Refinement
In several areas, the existing design required full or partial rework. We focused on clarity, symmetry, and refined use of whitespace — critical for a premium brand like Turadi.
Key examples:
Homepage: The hero section was rebuilt for better visual impact on mobile; headings were resized dynamically; CTA buttons aligned properly.
Collection Page: The product gallery was made fully responsive; image cards restructured to avoid breaking on tablets.
Technology Page: Animated sections were stabilized across breakpoints and tested on multiple mobile browsers.
Materials & Bespoke: Section padding was adjusted to eliminate awkward spacing and improve mobile flow.
Contact Page: The form was realigned for smaller screens, improving readability and touch interaction.
These improvements ensured that every section was not just technically responsive but visually elegant.

3. Consistency, Accessibility, and UX Enhancements
Typography Scaling:
Headings, subheadings, and body text were adjusted per breakpoint to ensure readability and visual balance.
Buttons & Interactions:
All clickable areas were redesigned for mobile touch zones. Button styles were adjusted to maintain visibility across different backgrounds.
Contrast & Accessibility:
Color contrast and text sizes were revised to improve legibility and meet accessibility standards on all devices.
Whitespace & Alignment:
We removed all inconsistent margins and gaps, aligned blocks, and ensured visual rhythm across sections and pages.


Testing & Validation
Post-redesign, we tested the website on a wide range of physical devices and screen emulators:
Mobile phones (iPhone SE, iPhone 13 Pro, Pixel 5, Samsung Galaxy S10)
Small and large tablets (Samsung Galaxy Tab S6, iPad 9.7", iPad Pro 11")
Laptops (13”, 15.6”, 17”)
Large monitors (22”, 24”, 27”, 32”)

The result:
All 8 pages now display consistently and professionally across all breakpoints.
Layout flows smoothly without broken sections, overlapping elements, or unwanted white space.
The new 750px breakpoint ensured pixel-perfect layout on in-between devices like the Tab S6.
Desktop versions display flawlessly on both 15.6" laptops and ultra-wide monitors.


Davydov Consulting successfully delivered a comprehensive responsive redesign for Turadi.com — elevating both the technical stability and the brand presentation of the site.
This project involved:
Careful analysis of client feedback
Manual fine-tuning across multiple screen sizes
Visual improvements that respect the tone of a luxury B2B brand
The final product is not only clean, functional, and visually sophisticated — it’s a site that now performs flawlessly wherever and however it’s viewed.