Лендинг для компании по производству металлоизделий с иллюстрациями схем

Кейс

Задача

Разработать одностраничный сайт для компании, которая занимается производством металлоизделий и сварочными работами.

Цель

Чтобы пользователь познакомился
с предлагаемыми услугами и продукцией и связался с компанией для дальнейшего заказа.

Проблема и ее решение

У заказчика не было фотографий продукции, поэтому фотографии решили заменить отрисованными схемами изделий.

Разработка одностраничного сайта-визитки. Что было сделано

Анализ конкурентов

Первым шагом был проведен анализ конкурентов в данной нише. Были изучены сайты компаний, занимающихся разработкой металлоизделий и сварочными работами. В результате анализа были выявлены основные преимущества и недостатки конкурентов. На основании этого анализа делаю выводы, какую информацию стоит размещать на сайте и запрашиваю у заказчика дополнительные материалы.

Работа с текстом, формирование понятных заголовков

Для создания сайта-визитки был разработан текст, который передает основные преимущества компании, ее опыт и квалификацию. Текст, который предоставил заказчик, был доработан, поделен на смысловые блоки, добавлены понятные заголовки.
Результат этого этапа: схематичный прототип.

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

Заказчику были предложены 3 варианта дизайна. Цветовая гамма была выбрана исходя из пожеланий заказчика. В разработке дизайна акцент сделан на удобство пользователя и интуитивно понятную навигацию.

Отрисовка схем

У заказчика не было фотографий продукции, поэтому в карточки товаров решили разместить векторные схемы изделий, которые будут производиться компанией. Все схемы были отрисованы дизайнером в одном стиле.

Верстка сайта-визитки на Тильде

Дизайн лендинга был перенесен на платформу Tilda. Сайт адаптировали под все разрешения экранов. Так как цель лендинга: связаться с компанией, то на сайте всегда должен быть доступ к контактам. На компьютерной версии сделали фиксированное меню: у пользователя перед глазами всегда будет адрес, телефон, мессенджеры и почта компании. В мобильной версии вместо фиксированного меню есть таб бар с контактами: телефон, почта и whatsapp.

Технические и SEO настройки

Для SEO оптимизации сайта были использованы ключевые слова, которые были включены в текст. Прописаны заголовок и описания страницы – именно они отражаются в поисковой выдаче, поэтому должны побуждать пользователя кликнуть и перейти именно на этот сайт. Добавили 404 страницу, подключили домен и сделали все контакты кликабельными для быстрой связи с компанией.

Сайт, который был принят заказчиком без единой правки

Как я отчитывалась заказчику

Вся работа над сайтом-визиткой была поделена на этапы, после которого мне нужно было отчитаться перед клиентом:

Написать текст для сайта
Составить прототип
Разработать дизайн
Сверстать на Тильде

Наше общение по разработке сайта было онлайн, но мне не хотелось оставлять заказчика один на один с результатом, то есть с изображением дизайн-макета или ссылкой на сайт. У него могли появиться вопросы и возражения. Поэтому после каждого этапа я записывала короткое видео на 2-5 минут с подробным описанием, где я обосновывала каждую деталь. Благодаря этому при разработке этого лендинга не было ни одной правки.