Задача
Для пензенского Инженерно-технологического центра «Сварка», который занимается металлообработкой и изготовлением сложных деталей для промышленных заказчиков, требовалось разработать современный одностраничный сайт на Тильде.
Заказчик предоставил пример понравившегося сайта, общую структуру, фотографии и видео с производства. Часть информации можно было взять со старого сайта, но готовых текстов для нового лендинга не было. Нужно было разобраться в технической тематике, собрать содержание, разработать структуру и визуальную концепцию, а затем реализовать сайт с адаптацией под разные разрешения.
Заказчик предоставил пример понравившегося сайта, общую структуру, фотографии и видео с производства. Часть информации можно было взять со старого сайта, но готовых текстов для нового лендинга не было. Нужно было разобраться в технической тематике, собрать содержание, разработать структуру и визуальную концепцию, а затем реализовать сайт с адаптацией под разные разрешения.
Решение
Перед началом дизайна я подготовила большой список уточняющих вопросов по услугам, оборудованию, преимуществам, процессу работы с клиентами и контенту. На основе полученной информации и материалов старого сайта собрала прототип и доработала тексты.
Визуальную концепцию разработала в Figma. Основой стали тёмный фон и оранжевые акценты: они поддерживали цвет логотипа и ассоциации со сваркой, огнём и искрами. Чтобы сайт не выглядел пустым на широких мониторах, по краям композиции разместила детали, которые производит предприятие, и добавила им небольшую пошаговую анимацию.
Большая часть сайта собрана в Zero Block, отдельные функциональные секции — на стандартных блоках Тильды. Для сайта подготовила адаптивы под 5 диапазонов разрешений, настроила базовую и пошаговую анимацию и отдельные кастомные решения.
Для восьми услуг были реализованы отдельные всплывающие блоки с подробным описанием. Каждый из них пришлось вручную позиционировать для пяти диапазонов экранов — всего около 40 вариантов расположения.
Проект продолжал меняться уже на этапе верстки. Часть ранее согласованных решений заказчик решил пересмотреть: например, был убран подготовленный блок оборудования из 15 карточек и упрощена первоначальная анимационная подача услуг. Также пришлось переработать уже согласованный первый экран: после начала верстки выяснилось, что выбранное изображение содержит визуальные признаки некачественной сварки, поэтому нужно было подобрать новую фотографию, сохранив построенную вокруг неё цветовую концепцию.
Визуальную концепцию разработала в Figma. Основой стали тёмный фон и оранжевые акценты: они поддерживали цвет логотипа и ассоциации со сваркой, огнём и искрами. Чтобы сайт не выглядел пустым на широких мониторах, по краям композиции разместила детали, которые производит предприятие, и добавила им небольшую пошаговую анимацию.
Большая часть сайта собрана в Zero Block, отдельные функциональные секции — на стандартных блоках Тильды. Для сайта подготовила адаптивы под 5 диапазонов разрешений, настроила базовую и пошаговую анимацию и отдельные кастомные решения.
Для восьми услуг были реализованы отдельные всплывающие блоки с подробным описанием. Каждый из них пришлось вручную позиционировать для пяти диапазонов экранов — всего около 40 вариантов расположения.
Проект продолжал меняться уже на этапе верстки. Часть ранее согласованных решений заказчик решил пересмотреть: например, был убран подготовленный блок оборудования из 15 карточек и упрощена первоначальная анимационная подача услуг. Также пришлось переработать уже согласованный первый экран: после начала верстки выяснилось, что выбранное изображение содержит визуальные признаки некачественной сварки, поэтому нужно было подобрать новую фотографию, сохранив построенную вокруг неё цветовую концепцию.
Результат
Разработан адаптивный лендинг для Инженерно-технологического центра «Сварка», который показывает направления производства, услуги, реальные рабочие процессы, возможности предприятия, команду и примеры выполненных работ.
Проект выполнен с 27 марта по 21 мая 2025 года — за 8 недель. В процессе появились дополнительные работы из-за изменений, которые заказчик вносил в уже согласованный дизайн на этапе верстки.
Посмотреть текущий сайт
Проект выполнен с 27 марта по 21 мая 2025 года — за 8 недель. В процессе появились дополнительные работы из-за изменений, которые заказчик вносил в уже согласованный дизайн на этапе верстки.
Посмотреть текущий сайт
Период проекта: 2025
Роль в проекте:
Наталья Якубова — прототип и структура, работа с текстами, UX/UI-дизайн в Figma, разработка на Тильде, адаптивы, анимации и кастомные решения.
Проект выполнен в рамках субподряда для SEO-Импульс.
Наталья Якубова — прототип и структура, работа с текстами, UX/UI-дизайн в Figma, разработка на Тильде, адаптивы, анимации и кастомные решения.
Проект выполнен в рамках субподряда для SEO-Импульс.
