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 с движком полей, польская и английская версии, формы с файлами, оптимизация изображений, перенос на хостинг заказчика и дальнейшие правки по его запросам.
