Кейс: как мы показали опыт и статус эксперта, создав лендинг за 10 дней на tilda
Помогли заказчику создать персональный сайт-визитку. Показали богатый профессиональный опыт, регалии и компетенции. Передали надёжность и экспертизу в сфере управления финансами в бизнесе без лишних деталей в дизайне. Рассказываю в статье, как сделали экспресс-запуск лендинга.
О чем узнаете ниже:
- Магия экспресс-запуска
- Почему дизайнер не справился и от него отказались
- Новый дизайн попал в сердечко
- Весь процесс от прототипа до рабочего сайта
Быстро изучили задачу в рамках услуги экспресс-запуск
Экспресс — это формат, при котором время разработки уменьшается до 10 дней. Мы исключаем возможность вносить правки в проект, поэтому быстрее приходим к результату. А правки здесь не нужны благодаря подробному брифинг-созвону. Брифуемся обязательно до 100% понимания задачи и после этого приступаем к разработке.
Коротко о заказчике, Ирине Екимовских:
- CEO аудиторско-консалтинговой группы «Капитал»
- Помогает собственникам управлять финансами бизнеса, увеличивая доходность капитала и снижая финансовые риски
- Эксперт при Министерстве экономики Свердловской области. Сопредседатель «Деловой России» на Урале.
- Спикер на бизнес-мероприятиях и автор двух книг
Связующим звеном между нами и Ириной стала бренд-стратег Елена Крупина. Она курировала Ирину по развитию личного бренда. Именно с ней мы провели бриф-созвон и сформировали дорожную карту разработки сайта.
Поставили такие задачи:
- Доработать прототип по смыслам и грамотно распределить между собой блоки
- Определить подходящую под образ Ирины стилистику дизайна и сделать полный дизайн сайта-визитки
- Сверстать на платформе Tilda
- Подключить CRM-систему, Яндекс Метрику и другие необходимые сервисы
- Сделать СЕО-оптимизацию
Перед тем как посмаковать весь процесс разработки я должен упомянуть человека, который до меня пытался справиться. Без него картинка не сложится.
Отказались от прошлого дизайнера-фрилансера
Сначала заказчик сам нашел дизайнера и обратился к нему. Назовём этого дизайнера вымышленным именем Света.
Тексты для сайта уже были готовы в формате «портянки», поэтому Света начала с того, что собрала из них прототип.
И сделала 5 концептов дизайна:
Ирина и Елена вместе принимали её работу. Елена маркетолог, уже работала с дизайнерамии и свой вкус имелся, поэтому могла адекватно оценить качество дизайна. Ей не понравился ни один концепт.
Потратив нервы на споры и согласования со Светой, Елена попросила свою знакомую, Евгению, порекомендовать ей ответственных специалистов. Она порекомендовала меня, так как мы уже делали совместные проекты.
Елена мне написала и попросила обратную связь, показав, что сделала Света. Я записал видео-обзор на 10 минут:
- разобрал ошибки прототипа и предложил его переделать
- прошелся по каждому концепту и сделал вывод, что дизайнер оказалась новичком
Она пыталась применить трендовые шрифтовые и композиционные приёмы, но получилось неаккуратно. Видимо из-за отсутствия опыта. В любом случае респект и желаю ей удачи в развитии.
Но её концепты точно не решали задачу заказчика и с ними нельзя было продолжать работу.
Я предложил сохранить общую концепцию минимализма и нейтральных цветов. Елена доверяла мне, мы утвердили довольно сжатые сроки и я был готов начать.
Вначале пересобрали уже готовый прототип сайта
Таким был прототип Светы:
Почти каждый блок этого прототипа я доработал по смыслам. Собрал все блоки в новую иерархию. Получилась совсем другая главная страница и воспринималась она по-новому.
Даже если тексты для сайта напишет лучший копирайтер в мире, но у текстовых блоков не будет нужной последовательности, получится провальный сайт
Поэтому я начал с основ — с правильного «скелета» сайта.
Успешно утвердил обновленный прототип с Еленой. Переходим к самому «вкусному».
Переключились на дизайн
Если вкратце — дизайн попал в сердечко
В сроки укладываемся, идём по плану.
Я собрал дизайн-референсы, подходящие под моё видение:
- по композиционной сетке
- по стилю дизайна
- по анимации
Некоторые из них:
Минимализм, эстетика, легкость и строгость в тандеме. Именно это органично подчеркивает образ Ирины, раскрывает его на 100%. С первого знакомства с экспертом понимал это, чувствовал определенный вайб.
Исходя из всего контента в прототипе, опираясь на своё видение и референсы создаю подходящую сетку:
Как выглядит дизайн:
Заверстали на Tilda и подключили нужные сервисы
Повозились с подключением Битрикс24. Я созвонился с тех. специалистом, в течение 7 минут подключили тильду к битриксу.
Также сделал СЕО-оптимизацию.
Часто вижу, что многие сайты на Tilda губят на корню небрежной вёрсткой:
- оставляют кривые анимации
- не оптимизируют фото/видео контент, сайт долго грузится
- вставляют долгий прелоадер и навороченное меня
С вёрсткой всё будет хорошо если быть аккуратным и не мусорить в проекте.
Можете оценить результат, комментарии приветствуются
Ссылка на сайт https://irina.capital/
Резюме и благодарность
В итоге сайт закрыл все запросы заказчика. Экспресс-запуск успешно выполнен. Ирина получила преимущество на фоне конкурентов в виде стильного и сильного сайта.
Сэкономлены тонны нервов на приятном и взаимопонимающем общении между нами.
Рад, вы что дочитали. Поставьте лайк, это всегда приятно делать.
Другие кейсы вы найдёте на моей странице ВКонтакте vk.me/ayrat_design.
Написать в телеграм https://t.me/ayr_motion
Львиная часть моих кейсов ждёт своей публикации. Вы можете написать мне и запросить ссылки на все готовые разработанные сайты.
Цена?
При всём уважении, за 6 лет ни один человек, задававший именно такой вопрос «Цена?» не стал моим клиентом. В этом нет намерения.