LinkedIn
Behance
Максим Постников
© 2024 Максим Постников. Все права защищены.
Ru
En

Дизайн и разработка лендинга pro-m-s.ru

Индустрия
Промышленность
Длительность
1 месяц
Роль
Дизайнер, web-разработчик
Проектирование и разработка продающего лендинга для компании, занимающейся обработкой металлов
О проекте
Разработать продающий сайт для привлечения новых клиентов
ProMet Service – компания, занимающаяся профессиональной обработкой металлов полного цикла. Компания предлагает услуги по лазерной резке, гибке, окраске металла, проектированию и монтажу металлических изделий
Клиент
Задачи проекта

Процесс

Визуальный дизайн
Создал дизайн-макеты в Фигме на основе корпоративного стиля компании
Этап 4
Формулирование требований
Совместно с заказчиком определили цели и задачи сайта
Этап 1
Исследование рынка
Проанализировал целевую аудиторию, конкурентов и изучил тренды в отрасли
Этап 2
Работа с контентом
Определил структуру сайта и его функционал, создал уникальные заголовки и текст
Этап 3
Вёрстка на Тильде
Разработал сайт на основе дизайн-макетов и проработал его мобильную версию
Этап 5
Настройка и оптимизация
Интегрировал сайт с CRM, системами аналитики и провел базовую SEO-оптимизацию
Этап 6
Тестирование и доработка
Исправил ошибки и доработал дизайн в соответствии с пожеланиями заказчика
Этап 7

Решение

Главная страница

F3AC00
Основной
F3CA00
Доп. цвет
FFFFFF
Фон
FFFFFF
Текст
Заголовки
Текст
Логотип

Стили

Решение

Адаптивы

Desktop
>1200px
Tablet
480px – 1200px
Mobile
320px – 480px
Решение

Особенности

Обучение работе с сайтом
После завершения проекта проведено обучение – заказчик научился самостоятельно вносить изменения
Расширенный функционал
Сделали сайт на Тильде с помощью Zero-блоков и Javascript-модификаций «под ключ»
Эффекты и анимации
Элементы сайта анимированы с помощью сложной анимации и CSS-кода
Инструменты и технологии
Особенности
Figma
Tilda
VS Code
Яндекс Метрика
jQuery
CSS
JavaScript
HTML
Смотреть кейс     
Дизайн и разработка сайта baikal-dent.ru
Расскажите о своём проекте в короткой форме или свяжитесь со мной в мессенджере.
Расскажите о своём проекте в форме или свяжитесь со мной в мессенджере.
Есть задача? Давайте обсудим!