Landing Page «OptomPrint»

Разработка лендинга для компании широкоформатной печати

Тип Лендинг пейдж

Клиент Компания «ОптомПринт»

Отрасль Широкоформатная печать

КРАТКО О ПРОЕКТЕ

Цели и задачи

Разработать посадочную страницу для студии широкоформатной печати с упором на опыт, производственную базу и профессионализм. Лендинг должен быть ярким, удобным и информативным с актуальными таблицами цен.

Особенности:

Анализ ниши и прототип

Корпоративный стиль

Галерея выполненных проектов

Таблицы с ценами

ИТОГИ ПРОЕКТА

Результаты

За неделю были произведены все работы по подготовке контента и верстке лендинга на CMS WordPress. Далее планируется расширение до корпоративного сайта.

Объем выполненных задач:

Прототип лендинга

Лендинг из 10 блоков

Сбор контента и наполнение

Шапка и подвал

Прототипирование и верстка

Разработка и настройка

СОДЕРЖИМОЕ ЛЕНДИНГА

Структура

После получения информации была определена оптимальная структура лендинга. После утверждения прототипа и контента была сделана верстка лендинга на WordPress.

Структура страницы:

Первый экран (обложка) — УТП (уникальное торговое предложение)

Текст и цифры компании

Услуги — 6 направлений деятельности

Преимущества — 4 ключевых преимущества

Галерея выполненных проектов

Производственная база — фото с производства

Цены — Таблицы с ценами

Схема работы и срок печати

Вопросы и ответы, требования к макетам

Контакты и карта

ПОД КАПОТОМ

Технологии

WordPress

Система управления сайтом

WPBakery

Визуальный конструктор страниц

Yoast SEO

Модуль для SEO-оптимизации

Contact Form 7

Модуль контактных форм

HTML5

Язык разметки веб-страниц

CSS3

Язык таблицы стилей для оформления

Javascript

Язык интерактивных элементов

PHP

Язык серверных компонентов

Этапы проекта

Процесс работы над проектом

Этап №1 Подготовка к разработке

Этап №2 Верстка лендинга

Этап №3 Запуск проекта

ЭТАП №1

Подготовка к разработке

Было проведено интервью с Клиентом, мы выяснили требования и ожидания к проекту — по внешнему виду и содержанию лендинга.

Для проекта была определена однотонная цветовая гамма на основе фирменного стиля компании. Сдержанная цветовая палитра и классический корпоративный стиль. Яркие акценты были расставлены с помощью красочного фото-контента.

Основные задачи этапа:

Анализ потребностей и задач

Анализ рынка по выдаче Яндекса — 20 конкурентов (ТОП и директ)

Отбор идей по контенту и дизайну (референсы)

Анализ пожеланий по дизайну и оформлению

Подготовка к разработке (настройка окружения)

Цветовая палитра

ЭТАП №2

Верстка лендинга

Верстка лендинга производилась с адаптацией к визуальному конструктору для быстрого внесения правок Клиентом и возможности создания новых страниц на основе существующей. Данный лендинг пейдж в дальнейшем может быть расширен до корпоративного сайта.

Особенности:

Инфографика с цифрами компании

Функциональная карусель с галереей работ

Таблицы цен в аккордеонах

Вопросы и ответы в аккордеонах

Прототип

После согласования прототипа и сбора необходимого контента началась верстка лендинга на cms wordpress с поддержкой визуального конструктора WPbakery Page Builder.