Задача
Разработать одностраничный сайт для компании, которая занимается производством металлоизделий и сварочными работами.
Цель
Чтобы пользователь познакомился с предлагаемыми услугами и продукцией и связался с компанией для дальнейшего заказа.
Проблема и ее решение
У заказчика не было фотографий продукции, поэтому фотографии решили заменить отрисованными схемами изделий.
Разработка одностраничного сайта-визитки. Что было сделано
Анализ конкурентов
Первым шагом был проведен анализ конкурентов в данной нише. Были изучены сайты компаний, занимающихся разработкой металлоизделий и сварочными работами. В результате анализа были выявлены основные преимущества и недостатки конкурентов. На основании этого анализа делаю выводы, какую информацию стоит размещать на сайте и запрашиваю у заказчика дополнительные материалы.
Работа с текстом, формирование понятных заголовков
Для создания сайта-визитки был разработан текст, который передает основные преимущества компании, ее опыт и квалификацию. Текст, который предоставил заказчик, был доработан, поделен на смысловые блоки, добавлены понятные заголовки. Результат этого этапа: схематичный прототип.
Разработка дизайна
Заказчику были предложены 3 варианта дизайна. Цветовая гамма была выбрана исходя из пожеланий заказчика. В разработке дизайна акцент сделан на удобство пользователя и интуитивно понятную навигацию.
Отрисовка схем
У заказчика не было фотографий продукции, поэтому в карточки товаров решили разместить векторные схемы изделий, которые будут производиться компанией. Все схемы были отрисованы мной в одном стиле.
Верстка сайта-визитки на Тильде
Дизайн лендинга был перенесен на платформу Tilda. Сайт адаптировали под все разрешения экранов. Так как цель лендинга: связаться с компанией, то на сайте всегда должен быть доступ к контактам. На компьютерной версии сделали фиксированное меню: у пользователя перед глазами всегда будет адрес, телефон, мессенджеры и почта компании. В мобильной версии вместо фиксированного меню есть таб бар с контактами: телефон, почта и whatsapp.
Технические и SEO настройки
Для SEO оптимизации сайта были использованы ключевые слова, которые были включены в текст. Прописаны заголовок и описания страницы – именно они отражаются в поисковой выдаче, поэтому должны побуждать пользователя кликнуть и перейти именно на этот сайт. Добавили 404 страницу, подключили домен и сделали все контакты кликабельными для быстрой связи с компанией.
Сайт, который был принят заказчиком без единой правки
Как я отчитывалась заказчику
Вся работа над сайтом-визиткой была поделена на этапы, после которого мне нужно было отчитаться перед клиентом:
Наше общение по разработке сайта было онлайн, но мне не хотелось оставлять заказчика один на один с результатом, то есть с изображением дизайн-макета или ссылкой на сайт. У него могли появиться вопросы и возражения. Поэтому после каждого этапа я записывала короткое видео на 2-5 минут с подробным описанием, где я обосновывала каждую деталь. Благодаря этому при разработке этого лендинга не было ни одной правки.
- Написать текст для сайта
- Составить прототип
- Разработать дизайн
- Сверстать на Тильде
Наше общение по разработке сайта было онлайн, но мне не хотелось оставлять заказчика один на один с результатом, то есть с изображением дизайн-макета или ссылкой на сайт. У него могли появиться вопросы и возражения. Поэтому после каждого этапа я записывала короткое видео на 2-5 минут с подробным описанием, где я обосновывала каждую деталь. Благодаря этому при разработке этого лендинга не было ни одной правки.
Планируете запуск собственного сайта? Я создаю сайты под ключ: от текста до запуска и подготовки к продвижению. Посмотрите примеры коммерческих проектов, рассчитайте стоимость и закажите разработку сайта.
Подробнее про разработку сайтов →
