Вы устали от больших презентаций в .ppt и .pdf, которые нужно качать для изучения?
Мы позаботились о том, чтобы знакомство с нашим продуктом было максимально комфортным для вас, и сделали презентацию в виде лендинга. В любое время и с любого устройства мы готовы показать наш продукт! ;)
Мы о стратегии
В нашей презентации мы больше говорим о функционале, пути пользователя, трендах, фишках и технологиях.
Фрилансер
Веб-студия
IT-marketing студия PLESA
Цена
$
$$
$$
Качество
+-
+
+
Сроки
+-
+
+
Комплексность
-
-
+
Гарантия
-
+
+
План презентации
Тренды в web 2020–2021, актуальные для Автомобильный Дом Украина Mercedes-Benz
Принципы заботы о клиенте в функционале сайта
Подход к web-разработке
Тренды в web 2020–2021
Chat & ChatBot – ключевой тренд 2020
1
Тренд
В 2020-м пользователи не любят разговаривать по телефону. Для многих намного удобнее получить всю необходимую информацию в переписке.
2
Боль клиента
Однако большинство компаний до сих пор просят у клиента телефон, чтобы решить все в беседе.
3
Боль бизнеса
Уже существует отлаженная схема с операторами, которые все расскажут в телефонном режиме, но нет отлаженной схемы с операторами, которые все расскажут в переписке.

Менять систему долго и дорого.
4
Решение
Создание Чат-бота. Бот будет встроен в чат, он будет способен ответить на все часто задаваемые вопросы, при этом если вопрос окажется нетривиальным, пользователь сможет вызвать оператора, оператор подключится и далее будет общаться с клиентом вместо бота.
Идеальная работа на мобильных
В 2020 году уже неловко говорить о том, что сайт должен быть адаптирован для мобильных, это понятно по умолчанию.
В 2020-м мы хотим говорить о том, что сайты должны:

‒ быстро загружаться на мобильных устройствах

‒ интерфейс должен быть проработан под нажатия пальцами, а не мышкой

‒ вся информация должна быть правильного размера для мобильных (маленький экран)

‒ навигация должна осуществляться интуитивно понятно, «одним пальцем»
Эмоция – главное оружие маркетологов
Тренд последних лет – сделать все, что бы пользователь улыбнулся.
Позитивные эмоции при посещении сайта всегда положительно влияют на принятие решения клиентами.

Мы наполним сайт мелкими фишками, которые будут вызывать позитив.

Слева ‒ один из примеров:

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

Большое белое пространство визуально увеличивает экран и позволяет правильно расставить акценты пользователя на важных вещах.
Синемаграфы
Синемаграфы – не гифки, как думают некоторые. Это современные статичные иллюстрации с частичной анимацией одного элемента.

Синемаграфы добавляют пикантность внешнему виду веб-страницы, раскрывая цель сайта и суть самого предложения.
Landing page
Ключевой тренд последних лет.
Ключевое преимущество ‒ в дальнейшем продвижении. Пользователь попадает на страницу товара из рекламы, на которой уже есть вся необходимая информация в удобном виде. Это стимулирует к покупке.

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

Лидер в этом – Цитрус.

Они для каждого продукта создают свою посадочную страницу на сайте.
Визуальный редактор
Тренд ‒ который в ближайшие 10 лет значительно сократит потребность в backend- и frontend-разработчиках, их функции примут на себя развитые IT-системы и web-дизайнеры.

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

После того как вы залогинились как администратор, вы сможете «гулять» по сайту в режиме обычного просмотра, наводить курсором на нужные элементы и менять их в меню администратора, в правом углу, это интуитивно понятно.
Реактивный сайт
Сейчас практически все сайты при переключении станиц обновляют страницу.
Реактивный же сайт при переключении страниц, плавно перерисовывает пиксели, что дарит плавность и непревзойденный комфорт при использовании сайта.

Это новейшая технология, которая еще даже не набрала обороты, что бы стать трендом, но это то, о чем будут просить клиенты агентства через пару лет.
Посмотреть наш кейс
Реализуем принципы заботы о клиенте в сайте
Важный принцип заботы о клиенте ‒ «клиент выше вас».
Этот принцип исключает проявление какого-либо панибратства, также он призывает предвосхищать желания клиента.

Как мы реализуем это на сайте:

На сайте обращаемся на вы, никаких грубых призывов к действию: «позвони», «зайди», «запишись».
Все формы заявки должны быть лаконично вписаны в дизайн, не выбиваться из общей концепции.


Пользователь должен совершить минимальное количество действий, чтобы записаться на тест-драйв или легко получить любую необходимую информацию.Это решается путем детального UX-проектирования проекта.
Стандарты превыше всего
Второй важный принцип ‒ «стандарты превыше всего».

Любая не стандартизированная процедура ‒ вероятность провоцирования хаоса, что создает дисгармонию, приводящую к стрессу.

Мы дадим пользователю больше:

После записи на тест-драйв показывать в виде инфографики инструкцию что произойдет дальше (позвонит оператор, вы приедете (обязательно возьмите права), оформите документы, пройдете тест-драйв по такому-то маршруту, и т.д.)

Дать возможность отправить эту инструкцию себе в Вайбер, Телеграм, E-mail в 2 клика.
Подход к web разработке
На каком языке кода будет говорить ваш сайт
Технологии на страже эффективности
При разработке сайта мы используем новейшие технологии, что позволяет сделать его гибким и достичь максимального быстродействия.
Ниже наше предложение по стеку технологий оптимальному для данного проекта.
Если у вас есть пожелания/предпочтения к языкам либо фреймворкам, мы готовы обсудить, у нас широкий стек.

Бекэнд:
PHP с фреймворком Laravel + Redis

База данных:
MySQL
Возможно, NoSQL решение для хранения и передачи данных к сторонним сервисам.

Фронтэнд:
Vue + Vuex с BootstrapVue
Ключевые преимущества сайта на данных технологиях:
Быстродействие
Наш будущий сайт будет содержать много графики, поэтому выбранный набор технологий позволит максимально оптимизировать сайт для быстрой загрузки на мобильных и десктоп устройствах.
Актуальность
Новейшие технологии при разработке позволят сайту не терять актуальность долгие годы. В дальнейшем сайт можно будет как угодно дорабатывать и оснащать новым функционалом.
Безопасность
Высокая степень безопасности сайта. Наш продукт устойчив к атакам и большим нагрузкам трафика.
Удобство
Возможность разработать админпанель со всеми пожеланиями клиента.
Панель администратора, которую вы полюбите
1. Визуальный редактор:
После того как вы залогинились как администратор, вы сможете «гулять» по сайту в режиме обычного просмотра, наводить курсором на нужные элементы и менять их в меню администратора, в правом углу, это интуитивно понятно, и любой контент-менеджер сможет освоить данную панель за сутки, просматривая нашу детальную инструкцию.

2. Различные права доступа
Создаем несколько уровней администратора, с правами редактировать различные разделы.

3. История изменений
В админпанели будет прописана история изменений на сайте различными пользователями

4. Защита от случайных ошибок
В админпанели можно будет управлять только контентом и визуальной частью сайта, контент-менеджер не сможет «положить» сайт.
Самый функциональный сайт дилера
Мы учли все функции, которые необходимы вашим клиентам и лично вам
Запись на тест-драйв
Пользователи смогут оставлять заявки на тест-драйв. Заявки будут приходить в админ панель сайта. Так же они будут в ней храниться, формируя простую CRM.
Дополнительно мы настроим интеграцию приема заявок на сайте с Telegram, заявки моментально будут попадать в созданный под них чат, для максимально быстрого контакта с клиентом.

Так же мы можем подключить к форме записи вашу CRM (возможен доп. кост, в зависимости от CRM)
Поиск по сайту
Мы реализуем удобный поиск по сайту, который позволит клиенту найти всю необходимую информацию в кратчайшие сроки.
Сравнение моделей
Удобный модуль сравнения комплектаций автомобилей.
При сравнении комплектаций в удобной таблице отображается разница между ними в технических характеристиках, так же визуально показана разница во внешности (реальные фото машин разных комплектаций)
Идеальное быстродействие
Мы учли тот факт, что большинство пользователей сегодня посещают сайты с мобильных телефонов, потому заложили максимальное быстродействие нашего сайта при работе с мобильных
Mobile first design
У нас не просто адаптивная версия сайта, мы разрабатываем отдельную мобильную версию, в которой учтены все моменты по UX
Интернет-магазин аксессуаров
Партнерство
При разработке сайта мы сближаемся с командой клиента и становимся ее частью.
После победы в тендере идет этап финализации Технического Задания (ТЗ). На данном этапе мы будем дельно обсуждать с вами наш будущий сайт, и учтем весь необходимый функционал в ТЗ
Этапы работы
1
Финализация ТЗ
На данном этапе мы будем детально обсуждать с вами наш будущий сайт, и учтем весь необходимый функционал в ТЗ
2
Получение контента
Нам важно иметь на руках максимальное количество контента нашего будущего сайта, для разработки прототипов. В нашем случае с этим не должно быть трудностей, так как мы имеем сайты, с которых можно брать контент.
3
Разработка прототипа сайта
На данном этапе мы разрабатываем черно-белые макеты сайта с детальным описанием функционала. В нашем случае мы, скорее всего, первые три пункта будем выполнять параллельно, для ускорения процесса разработки.
4
Разработка дизайна сайта
После согласования прототипа сайта приступаем к разработке дизайна для мобильной версии и десктоп.
5
Верстка разработанного макета
После согласования дизайна мы начинаем верстать макеты. Данный процесс идет параллельно с дизайном, поскольку согласованные макеты мы сразу передаем в верстку, тем временем готовим и согласовываем макеты других страниц.
6
Программирование (Backend)
Данный процесс идет параллельно со всеми остальными, после согласования Технического Задания (ТЗ). К примеру разработку административной панели можно начать еще до дизайна страниц.
7
Наполнение сайта
Наполнение сайта контентом. Данный процесс будет идти параллельно с версткой страниц.
8
Тестирование сайта
Данный процесс очень важен при работе с такими большими проектами. После того как наш сайт уже готов, мы начинаем его тестирование и исправление багов.
9
Финальное утверждение и запуск
После проведения тестирования и исправления большинства ошибок мы запускаем наш проект в долгое плавание :)
10
Доработки
Доработки согласно ТЗ Mercedes-Benz Website v2.0 (наша версия, детали на слайде ниже)
Mercedes-Benz Website v2.0
Распределение работ в блоке Mercedes-Benz Website v2.0 нужно сделать немного иначе, некоторые из них нужно сделать с основным сайтом
Рекомендуем реализовать в версии Mercedes-Benz Website v1.0 для оптимизации стоимости разработки:

R05 Иметь разделение ролей для сотрудников Компании
R20 Иметь карту проезда
R22 Быстро загружаться на мобильных устройствах
R23 Быть устойчивым к высоким нагрузкам
Рецепт роста бизнес-показателей
PLESA + Автомобильный Дом Украина Mercedes-Benz
Почему с нами приятно и полезно работать?
Про-активный подход к работе
Чёткие наработанные процессы
Большой опыт в разработке сайтов
Комплексно подходим к решению задач
Сделаем правильный сайт и с точки зрения настройки аналитики, SEO и дальнейшего продвижения
Мы заботимся о принципах нашего взаимодействия
  • Оперативная реакция на запросы
  • Четкое выполнение KPI
  • Регулярные статусы по всем проектам в электронном формате
  • Вовлеченность команды в продукты и проекты
1
  • Предоставляем больше альтернативных решений в кризисных ситуациях
  • Регулярное информирование команды о состоянии проектов
  • Точные сроки выполнения задач
2
  • Структурирование и приоретизация задач и проектов
  • Продуктовый тренинг для команд
3
  • Улучшение уровня экспертизы и качества процессов для проектов по Web-разработке
  • Более глубокое изучение внутренних процессов в компании клиента
4
Вам чего-то не хватило в предложении?
Напишите нам, и мы доработаем его.