Alex Tile And Flooring — сайт підрядника з плитки та підлоги у Флориді

Alex Tile And Flooring LLC укладає плитку й підлогу та ремонтує душові й ванні кімнати для власників будинків у Південно-Західній Флориді. Головні дії відвідувача — подзвонити або надіслати запит на безкоштовний кошторис.

Потрібен був преміальний, але спокійний сайт рівня нагородних Webflow-проєктів — з плавною прокруткою, сценами, що розгортаються під час гортання, і 3D у реальному часі, — зроблений нативно на WordPress, щоб власник сам керував контентом.

Арт-концепція «Laid Like Tile»: сайт поводиться як точна робота плиточника. Контент лежить на модульній сітці, розділеній тонкими «швами», а ключові моменти буквально складаються з плитки. Палітра — порцеляна, травертин, графіт і шампань, шрифт Manrope.

• Головний екран: справжнє фото показується одразу, а потім WebGL-сцена розкладає його на плитки, які під час прокрутки піднімаються по діагоналі, ніби їх знімають у зворотному порядку укладання.
• «What’s Behind the Tile» на сторінці ремонту душових: процедурно побудований кут душової розкладається на шари з підписами в HTML.
• «Pattern Studio» на сторінках укладання плитки й підлоги: відвідувач обирає розкладку, матеріал і колір затирки, плитка перекладається з анімацією, а кнопка «Get a Free Estimate» відкриває форму з уже заповненим вибором.
• 4 сторінки послуг, 7 сторінок міст (Sarasota, Venice, Nokomis, North Port, Osprey, Port Charlotte, Punta Gorda), розділи проєктів і відгуків, які з’являються на сайті лише після схвалення.
• Форма кошторису в діалозі на кожній сторінці та на сторінці контактів: працює і без JavaScript, має захист від спаму й обмеження частоти.

three.js, анімації й плавна прокрутка завантажуються лише після завантаження сторінки, тож перший екран не чекає на WebGL. Усі сцени мають готові постери: їх показують без WebGL, у режимі зменшеного руху, з увімкненим заощадженням трафіку та на слабких пристроях. Тема сама виводить title, description, Open Graph і JSON-LD (Service, BreadcrumbList, FAQPage); основний CSS вбудовано в сторінку, шрифт — один попередньо завантажений файл.