08 февраля 2021
Сайт для американского приложения, которое помогает продавать автомобили
Для проекта viaSteps собрали сайт под ключ: прототип на английском языке, дизайн в Figma и вёрстка на Тильде.
КАК КУПИТЬ АВТОМОБИЛЬ И НЕ СОЙТИ С УМА?
Если вы хотя бы раз покупали автомобиль, вам наверняка знаком такой сценарий: на фото в объявлении вы видите элитный спорткар, а когда приезжаете посмотреть лично — вас встречает копейка Жигули.

Или бывает так: машина сфотографирована только с одного ракурса, и на этом всё. Никаких фото салона, никаких подробностей состояния кузова или других элементов.

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

Приложение viaSteps помогает автосалонам делать короткие и сочные видео продаваемых автомобилей. Дилер может во всех подробностях показать автомобиль, а покупатель — дополнительно убедиться, что тачка — огонь и надо срочно её брать.

Наша задача: запаковать продукт и подготовить его к выходу на американский рынок. Погнали.
НАЧИНАЕМ С ПРОТОТИПА САЙТА
Прежде всего клиент заполняет бриф. Что за продукт, какой рынок, пользователи, конкуренты. Какие у продукта сильные и слабые стороны, состав команды, ценообразование и экономика. Если хотите глянуть пример брифа — пишите нам на почту hi@out.agency.

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

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

Прототипы мы собираем так, чтобы дизайнер не страдал, переписывая заголовки. Вся структура и тексты согласовываются и финалятся с клиентом на этапе прототипа. Части прототипов можете посмотреть в карусели ниже, а чтобы посмотреть прототип целиком, нажмите на большую красную кнопку.
СОЗДАЁМ ДИЗАЙН
Прототипировщик передает макет дизайнеру. К этому времени клиент уже заполнил разделы брифа про дизайн и рассказал, какие сайты его вдохновляют.

Для viaSteps уже был готов логотип и фирменный стиль, поэтому нам нужно было просто правильно задизайнить весь сайт.
1
Собрали концепт дизайна
Нарисовали несколько вариантов первого экрана.
2
Выбрали и утвердили концепт
Показали клиенту все варианты, объяснили ход наших мыслей и выбрали итоговый вариант.
3
Отрисовали весь сайт целиком
Сделали дизайн всей страницы на основе концепта, который утвердили ранее.
4
Согласовали и зафиналили всю страницу
Показали клиенту весь дизайн. Согласовали работу, допилили финальные штрихи и отправили в вёрстку.

Несколько экранов смотрите в карусельке ниже или нажимайте на кнопку, чтобы увидеть дизайн целиком.
СОБИРАЕМ ВЕСЬ КАЙФ НА ТИЛЬДЕ
В очередной раз скажем, что Тильда в умелых руках может творить чудеса. Это не просто сборка на готовом шаблоне — это полностью кастомная вёрстка в zero-блоках.

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

Скорее жмите на красную кнопку и смотрите, что у нас получилось!
Для команды viaSteps мы собрали два сайта. Один — это тот, про который мы рассказали в кейсе. Второй — сайт-заглушка, в котором мы рассказали обо всех направлениях, в которых работает этот продукт. Все направления объединяет одно — создание классных и продающих видео.

Посмотреть сайт-заглушку можно здесь.
  • Лера Зайцева
    Собирала прототип. Делала ревью дизайна и вёрстки.
    Мне сразу зашла идея приложения. Очень круто запаковывать продукты, которые уже работают и уже приносят пользу людям. А с нашими стараниями эту пользу можно будет масштабировать. Это ли не кайф?

    Спасибо ребятам из viaSteps за интереснейшие задачи. Эй, как там мы пишем в финальном блоке в кейсах? ХОТИТЕ ТАК ЖЕ КРУТО?

Хотите так же круто?

Оставьте номер или email. Обсудим детали и сделаем, как для себя!