Кейс: Разработка сайта "MetaClean"
"MetaClean"- семейная клининговая компания, работающая в Москве и МО
Какая стояла задача
Компания MetaClean обратилась ко мне за разработкой одностраничного сайта.
Из материалов для сайта был только логотип и пожелания по стилю - заказчик попросил сделать сайт, который бы выделялся среди конкурентов, а также использовать в работе темные цвета и максимально уйти от обыденной бело-зеленой цветовой палитры.
Главная задача: сделать креативно и не стандартно.
Из материалов для сайта был только логотип и пожелания по стилю - заказчик попросил сделать сайт, который бы выделялся среди конкурентов, а также использовать в работе темные цвета и максимально уйти от обыденной бело-зеленой цветовой палитры.
Главная задача: сделать креативно и не стандартно.
1. Бриф
Этапы работы
Несколько раз созвонились с заказчиком, чтобы детально обсудить пожелания по стилю, а также задачи, которые стоят перед сайтом и способы их решения.
2. Написание текстов
Этапы работы
Закзазчик самостоятельно писал тексты по составленной мной структуре.
Вместе с прототипом, я записала видеоинструкцию, в которой рассказала о том, какие должны быть тексты, их объем, а также привела примеры удачных текстов по каждому блоку на сайте.
Вместе с прототипом, я записала видеоинструкцию, в которой рассказала о том, какие должны быть тексты, их объем, а также привела примеры удачных текстов по каждому блоку на сайте.
комментарий заказчика
"Хотела сделать Вам комплимент. Вы очень профессионально общаетесь и доступно излагаете! Нам так комфортно с вами работать."
3. Создание прототипа/структуры сайта
Этапы работы
После проведения анализа конкурентов в нише и подбора удачных референсов, мною был составлен прототип сайта - структура, которая должна обозначить последовательность блоков на сайте.
На этом этапе мне было важно учесть все возможные вопросы, возникающие у человека, который подбирает себе клининговую компанию, и постараться закрыть их информацией на сайте.
На этом этапе мне было важно учесть все возможные вопросы, возникающие у человека, который подбирает себе клининговую компанию, и постараться закрыть их информацией на сайте.
Прототип
4. Разработка концепции
Этапы работы
В рамках этого проекта я разработала две дизайн-концепции на выбор заказчика, опираясь на его пожелания и референсы
Вариант #1
Вариант #2
5. Разработка дизайна
всего сайта
всего сайта
Этапы работы
На этом этапе был разработан макет всего сайта, основанный на выбранной дизайн-концепции. При разработке я придерживалась темной цветовой палитры, а желтый акцентный цвет взяла из. логотипа компании.
Макет был принят заказчиком без правок.
Макет был принят заказчиком без правок.
Макет сайта
комментарий заказчика
Не могу не отметить, что мне в целом очень нравится! Очень нравится ваш подход и нестандартность идей.
6. Верстка
на Тильде
на Тильде
Этапы работы
Утвержденный макет был сверстан на Тильде и адаптирован под все разрешения экранов (десктоп, планшет, мобильный телефон).
На этом этапе заказчик попросил сделать анимацию, в ходе которой изображения, при наведении мышки, из черно-белых становились бы цветными. Эта задача была реализована step-by-step анимацией на Тильде, без использования кода.
На этом этапе заказчик попросил сделать анимацию, в ходе которой изображения, при наведении мышки, из черно-белых становились бы цветными. Эта задача была реализована step-by-step анимацией на Тильде, без использования кода.
7. Передача
сайта
сайта
Этапы работы
После утверждения сверстанной версии сайта, были произведены технические настройки:
1) подключен домен заказчика и ssl-сертификат
2) настроены формы приема данных
3) подключен Telegram и электронная почта
4) создан бейджик сайта для социальных сетей
5) записана видеоинструкция по использованию сайта и самостоятельному редактированию
1) подключен домен заказчика и ssl-сертификат
2) настроены формы приема данных
3) подключен Telegram и электронная почта
4) создан бейджик сайта для социальных сетей
5) записана видеоинструкция по использованию сайта и самостоятельному редактированию
Какие еще задачи были реализованы во время работы над проектом?
Уже после начала работы над сайтом, у заказчика возник запрос на создание калькулятора, который рассчитывал бы стоимость услуг компании, в зависимости от того, что нужно тому или иному человеку. Сложность заключалась в том, что нужна была сложная математическая формула, включающая в себя все основные и доп.услуги клининга.
Как я решила эту задачу?
1) Заказала просчеты стоимости разработки калькулятора по прайс-листу заказчика
2) Подобрала бесплатные сервисы, где можно собрать калькулятор самостоятельно
3) Предоставила заказчику все варианты с дальнейшими инструкциями по их реализации
Как я решила эту задачу?
1) Заказала просчеты стоимости разработки калькулятора по прайс-листу заказчика
2) Подобрала бесплатные сервисы, где можно собрать калькулятор самостоятельно
3) Предоставила заказчику все варианты с дальнейшими инструкциями по их реализации
Связаться со мной
Я буду рада обсудить ваш проект и ответить на все возникающие вопросы.
Phone: +7 926 213 15 52
Email: dariaklimova169@gmail.com
Вы можете написать на почту или в любой удобный для вас мессенджер.
Email: dariaklimova169@gmail.com
Вы можете написать на почту или в любой удобный для вас мессенджер.
