UI - UX ДИЗАЙН & РАЗРАБОТКА / ИЮЛЬ 2017

Создание сайта для сервисной компании

О проекте

Дизайн, создание и наполнение информацией сайта сервисной компании. Разработки, подготовка графических материалов, написание текстов и заголовков.

Клиент

Сервис “СМТЕЛ”

Работы
  • Тексты, графика
  • UI – UX Дизайн
  • Web Разработка
СКРИНШОТЫ / ДИЗАЙН СТРАНИЦ

Страницы нового сайта сервисного центра

ПОДРОБНЕЕ О ПРОЕКТЕ

Процесс создания сайта сервиса ремонта техники

“СМТел” – сервисный центр по ремонту мобильной техники и электроники. Компания является авторизованным сервисным центром по гарантийному ремонту многих компаний. Также осуществляет платный ремонт мобильных устройств и различной электроники (автозвук, плееры, телевизоры, компьютеры, планшеты).

“К нам обратился руководитель компании с просьбой переделать сайт. Мы глянули на то, что было и ужаснулись – сайт выглядел просто адски, родом из 90-х. Конечно, с таким сайтом нечего и думать о том, чтобы клиент узнал необходимую информацию и пришел в такой сервисный центр.”

ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ

ПРОТОТИПИРОВАНИЕ 25%
ДИЗАЙН 95%
ПРОГРАММИРОВАНИЕ 70%
ПОДДЕРЖКА 15%
ИССЛЕДОВАНИЯ 90%
ЧТО СДЕЛАНО

Цели и задачи проекта

смена старого дизайна в сервисном центре

СИТУАЦИЯ НА СТАРТЕ

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

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

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

Все. Больше ничего.

ЗАДАЧИ ДЛЯ WBSTAR

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

Предусмотреть возможность просмотра сайта с мобильных устройств. Произвести анализ рынка и предпочтений пользователей.

Нарисовать логотипы из имеющегося файла. Подготовить текстовые, графические и видеоматериалы. Оформить страницы сайта согласно современным тенденциям, дать полную информацию о компании, ее услугах и возможностях.

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

новый сайта для ремонта техники
БОЛЕЕ ДЕТАЛЬНО

Решение и ключевые моменты

создание новых сайтов для ремонтных компаний

ИССЛЕДОВАНИЯ И ПРОЕКТИРОВАНИЕ

Провели исследования целевой аудитории, рынка, конкуренции, best-practice решений.

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

Подготовили и оформили страницы, тексты, заголовки, графику.

Настроили обратную связь и сервис обратного звонка с сайта.

ОСОБЕННОСТИ РЕАЛИЗАЦИИ ПРОЕКТА

Настроили систему управления сайтом. Добавили необходимые программные компоненты для реализации наших идей.

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

Полностью подготовили текстовые, графические и видео материалы. Разместили их на спроектированных страницах.

Решали задачи, которые нам поставил заказчик, но не забывая о пользователях сайта.

создание анимации на страницах сайта
создание блоков информации для страниц сайта сервисного центра

ДИЗАЙН И АНИМАЦИЯ

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

Дизайном мы решили сразу несколько несколько задач: размещение больного объема информации, визуальная привлекательность компании, удобство понимания пользователем сервиса.

Мы использовали анимацию интерфейсных элементов. Это позволило сделать сайт более интерактивным и игровым.

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

ЦИФРЫ

Отлично поработали

0 + Часов дизайна
0 + Прототипов страниц создано
0 + Запрограммировано блоков
0 + Строк кода анимации
РАЗВИТИЕ?

Итоги и планы

Создение страницы услуг для сервисной компании

РЕЗУЛЬТАТЫ РАБОТЫ

Компания “СМТел” получила современный дизайн и возможность быть ближе к клиентам. Удобно представлены услуги сервисного центра, сделаны акценты на популярные услуги, наиболее интересные пользователям.

Инженеры сервисного центра получают онлайн заявки на ремонт оборудования и вопросы заинтересовавшихся услугами клиентов.

Клиенты могут в течении 30 секунд связаться с компанией и получить консультацию специалистов, не покидая страницу сайта компании.

ПЛАНЫ

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

В планах получить новые авторизации и ремонтировать более широкий спектр техники фирм-производителей электроники и мобильных устройств.

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

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

Цифровое агенство WBSTAR со своей стороны обеспечит бесперебойную работу ресурса, а так же всестороннюю информационную и техническую поддержку.

Успешное развитие бизнеса наших клиентов – основная задача агенства. Мы рады их новым успехам и процветанию и применяем все наши знания и опыт для реализации новых задач.

новая мобильная версия сайта ремонтной компании
ОТЗЫВ О РАБОТЕ

Комментарии

До обращения в WBSTAR не предполагал что работа над сайтом настолько
кропотливая и имеет много нюансов. Не думал что и от меня потребуется
активное участие. Всё было не так как раньше. Именно так и должны
работать настоящие профессионалы. Скрупулёзно выяснить чем живёт бизнес,
на кого рассчитан сайт и какой конечный результат хотим получить.

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

Ребята честно едят свой хлеб – успехов им и процветания!

Сергей, руководитель

Комментарий WBSTAR:

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

Проект получился интересным и необычным. Мы рады, что пользователи ресурса оценили нашу работу. Желаем компании “СМТел” роста и развития!

Спасибо за просмотр!