- Заказчик
- Компания ALLES — производство оборудования, аксессуаров и автохимии для автоматических комплексов моек самообслуживания.
- Задача
- 1. Разработать адаптивный сайт, который соответствовал бы требованиям юзабилити и последним трендам в дизайне. 2. Разработать дизайн интерфейса для фирменного программного обеспечения ALLES CW, а также сенсорной панели управления процессом мытья автомобиля.
— Составление ТЗ;
— Проектирование;
— Дизайн страниц;
— Разработка иконок;
— Видеосъемка роликов для страниц сайта;
— Вёрстка, анимация.
Проектирование
На этапе проектирования была придумана основная конепция сайта, разработаны прототипы экранов, а также логика переходов между ними.
Дизайн
Во время обсуждения с заказчиком очередного этапа разработки, основным пожеланием заказчика было упрощение сайта (необходимо было избавиться от “скучных”, наполненных текстом и картинками страниц). Наша команда предложила заложить в основу дизайн-концепции тематические, фоновые видео-нарезки. По статистике, большинству пользователей удобнее воспринимать информацию через видео. Вначале решили вставить видео исключительно на главном экране, но в дальнейшем, пересмотрев все плюсы и минусы было решено добавить нарезки на всех экранах сайта.
Идея понравилась заказчику. Приступаем к дизайну.
Экран «Приветствие».
Ключевой элемент — фоновое видео о компании.
Экран «Продукция».
Ключевой элемент — 3 вида автомоечного комплекса. День / Ночь / Комплекс в разрезе.
Экран «Облачный сервис».
Ключевой элемент — описание собственного облачного сервиса компании по управлению автомоечными комплексами.
Экран «Карта».
Ключевой элемент — карта с автомоечными комплексами и представительствами компании.
Экран «Оборудование».
Пример внутренней страницы сайта.
Разработка иконок
Для каждого раздела сайта разработана своя иконка.
Видеосъёмка роликов для страниц сайта
После утверждения дизайна наступает не менее интересный этап — съёмки роликов. Предварительно подготовившишь (написав сценарии, раскадровки) выезжаем к заказчику.
Съёмки проводились в 2 этапа:
— Главный офис компании.
— Объект (строительство автомоечного комплекса)
В скором будущем нам предстоит финальный этап — съёмка готового к эксплуатации комплекса. Выражаем благодарность за помощь в проведении съёмок нашим партнерам: Владу Бойкову (видеограф, оператор) и Яне Бараевой (оператор). Отснятно и смонтировано 11 тематическиех видео-нарезок. Параллельно с видео проводилась фотосъёмка.
Вёрстка, анимация
В заключительном этапе сверстали все страницы сайта с учётом адаптивности под любое стройство. Проработали анимации, написали все необходимые скрипты и наполнили контентов все страницы.
После тестирования загрузили готовый сайт на сервер заказчика.
ЗАДАЧА №2
— Дизайн интерфейса фирменного программного обеспечения ALLES CW
— Дизайн панели управления
Дизайн интерфейса фирменного программного обеспечения ALLES CW
Параллельно с работами по сайту необходимо было продумать интерфейс программного обеспечения.
Суть ПО в следующем: В помещении управления автомоечным комплексом устанавливается сенсорная панель, с помощью которой можно управлять и следить за всеми процессами происходящими на комплексе в режиме онлайн. Эта инновационная технология в автомоечном бызнесе, которая отличает компанию от большого числа конкурентов.
Фирменное ПО выполняет следующие функции:
— Персонализированные уровни доступа;
— Меню диагностики с отражением всех параметров моечного оборудования;
— Настройки параметров мойки;
— Схемы оборудования и многое другое.
Дизайн панели управления
Интервью с клиентом
После сдачи проекта мы провели интервью с генеральным директором «ALLES». Обсудили процесс взаимодействия и результаты проделанной работы.
