Кейс КДС-Строй
Дизайн сайта
для компании
по ремонту и строительству
Дизайн разработан в графическом редакторе Figma.
Задачи
  • Сделать дизайн сайта для экранов компьютеров, планшетов, смартфонов.
  • Подготовить контент: написать тексты и подобрать изображения.
Сложность
Мало информации от клиента.
Нужно самостоятельно додумать процессы и описать кейсы, задать много уточняющих вопросов.
Реализация проекта
1 - Сбор информации о компании и отрасли

  • Проведено несколько видео и аудио встреч
- заполнена подробная анкета-бриф с информацией о компании;

  • Найдены конкуренты в отрасли бытового ремонта и услуг "муж на час".
Проанализированы их сайты по структуре, оформлению, наполнению и преимуществам, которые они подсвечивают.
Сделана выборка 5-ти самых популярных и информативных сайтов.

2 - Разработка структуры сайта и прототипа

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

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

На многостраничном сайте пришлось бы каждый раз выбирать нужный раздел в меню - это дополнительное время и нагрузка на пользователя. И только если он уже очень заинтересован в нас, то не поленится это делать.

Поэтому решено было сделать лендинг, собрав все важные разделы на одной странице.

3 - Подготовка контента

В этом проекте я выступила также в роли копирайтера.
Вспомнила свой опыт ремонтов и ставила себя на место потенциального клиента, которому нужно решить бытовую проблему.

Краткую, порой неполную информацию от заказчика нужно было перевести в четко структурированный текст, закрывающий все вопросы и опасения клиента.

  • разбила на 9 групп все работы, которые перечислил заказчик. Указала подробные перечни работ в каждой группе;
  • четко прописала процессы и сроки от вызова мастера до выполнения заявки;
  • выделила преимущества компании понятными цифрами и полезными фактами;
  • сформировала этапы работы и рассказала о гарантиях и способах оплаты;
  • предложила блок "вопрос-ответ" и написала для него все тексты.

Подобрала и отредактировала фотографии, отражающие работу компании.

4 - Создание дизайн-макета

Заказчик хотел сайт, вызывающий ощущение надежности и профессионализма компании.

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

Стилистика сайта была продумана также отталкиваясь от визуального оформления сайтов конкурентов и сайтов компаний строительной отрасли. Чтобы пользователь сразу интуитивно понимал, что он попал в нужное место.

5 - Дизайн для 3-х разрешений экранов

Чтобы сайт смотрелся хорошо, а пользователям было удобно использовать его с любого устройства, было создано три дизайна:

  • 1440 px - это среднее значение расширения компьютерных мониторов;
  • 768 px - для планшетов;
  • 360 px - для смартфонов.
При верстке учтены отступы по краям и размер элементов, чтобы все корректно открывалось.

6 - Дизайн личного кабинета и всплывающих окон

Помимо основных страниц были созданы:

  • личный кабинет с информацией о пользователе и списком заявок;
  • всплывающие окна: регистрация, вход, удаление аккаунта, форма приема заявок, сообщения о принятии заявки в работу, об успешной регистрации, подписке и сборе Cookie файлов и прочие;
  • страница ошибки 404 для перенаправления пользователей на главную страницу сайта в случае, если пользователь открыл некорректный адрес сайта.
Также был сделан дизайн для анимации элементов при наведении или клике курсором.
Создавать сам сайт мне было не нужно. Представитель клиента изначально пришел с запросом только на дизайн, так как он самостоятельно делает верстку кодом HTML и настройку сайта.

Сейчас сайт находится на этапе настройки. Я укажу здесь ссылку, как только он будет готов.

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

  • 55 000 руб.

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

    Включая:
    • написание текстов и подготовку изображений;
    • дизайн для всех разрешений экранов;
    • верстка сайта на Тильде;
    • настройка SEO.

    Стоимость отрисовки подобного проекта в Figma без верстки на Тильде - по запросу.
  • 20-30 дней

    Срок выполнения работ, без учёта времени на вашу обратную связь и комментарии по проекту.
Опишите свою задачу и я свяжусь с вами для обсуждения срока и стоимости выполнения работы.