3D Print Expert — сайт студії 3D-друку у Варшаві
Сайт польської студії 3D-друку: верстка за макетом Figma, власна тема WordPress, польська й англійська версії, заявка з файлом і зображення, полегшені з 53 до 4,3 МБ.
3D Print Expert (3dprint.expert) — студія 3D-друку з Варшави: друк FDM на замовлення, 3D-моделювання й сканування для компаній, інженерів, проєктувальників і приватних клієнтів. У бренду яскравий характер: червоний маскот-майстер на кожному першому екрані. Ми зверстали сайт за макетом Figma, перенесли його на власну тему WordPress польською й англійською, зменшили вагу зображень у 12 разів і запустили на хостингу замовника. Після запуску ведемо правки.
Технічний стек
WordPress із власною темою без конструкторів і без ACF. Усі секції редагуються через наш движок полів: вкладки в адмінці, повторювані блоки з перетягуванням, перемикач «показати блок». Верстка — gulp + Sass, шрифти DM Sans і Montserrat Alternates і слайдер Swiper підключені локально. Мови — Polylang (польська основна, англійська за адресою /en/), форми — Contact Form 7.

Головна
Головна відповідає на питання клієнта по черзі: як це працює, які послуги, чому саме ця студія, приклади робіт, технологія, матеріали, для кого і заклик надіслати проєкт. Чотири кроки «Jak to działa» знімають страх перед першим замовленням: надіслав файл чи опис, отримав оцінку, погодив, забрав готові деталі.


Переваги з ілюстрацією
У блоці переваг клік по пункту відкриває його опис у чорній картці й перемикає ілюстрацію поруч.




Внутрішні сторінки
Окремі сторінки «Modelowanie 3D», «Materiały», «Technologia FDM», «O nas» і «Kontakt» — кожна зі своїм першим екраном із маскотом, власними полями в адмінці й тим самим заключним блоком із заявкою. Перші екрани доводили до макета у відсотках від контейнера, щоб маскот не наїжджав на заголовок на жодній ширині.



Заявка з файлом
Головна дія на сайті — надіслати модель чи ескіз. Кнопка «Wyślij zapytanie» в шапці відкриває форму в модальному вікні, така сама форма є на сторінці контактів: ім’я, телефон, email, повідомлення й завантаження файла перетягуванням. Форми окремі для польської та англійської версій, верстку макета ми зберегли повністю.


Швидкість
Після першого запуску замовник поскаржився, що сайт довго вантажиться. Причина була в зображеннях: 53 МБ PNG у розмірі 4K. Ми зменшили їх до потрібних розмірів і перевели у WebP, тепер це 4,3 МБ. Сайт сам віддає WebP браузерам, які його підтримують, а решті — звичайні JPG і PNG.
Мобільна версія й запуск
Адаптив перевірений на 1920, 1440, 1024 і 390 px: бургер-меню, слайдери гортанням, акордеони. Ховер-стани є на всіх кнопках і посиланнях. Готовий сайт ми перенесли з нашого тестового сервера на хостинг замовника й налаштували редирект з http і www на основну адресу.
Підсумок
За нами верстка за макетом Figma, власна тема WordPress із движком полів, польська й англійська версії, форми з файлами, оптимізація зображень, перенесення на хостинг замовника й подальші правки за його запитами.
