Корпоративный сайт компании «ALLES»

Заказчик
Компания ALLES — производство оборудования, аксессуаров и автохимии для автоматических комплексов моек самообслуживания.
Задача
1. Разработать адаптивный сайт, который соответствовал бы требованиям юзабилити и последним трендам в дизайне. 2. Разработать дизайн интерфейса для фирменного программного обеспечения ALLES CW, а также сенсорной панели управления процессом мытья автомобиля.

— Составление ТЗ;

— Проектирование;

— Дизайн страниц;

— Разработка иконок;

— Видеосъемка роликов для страниц сайта;

— Вёрстка, анимация.

Проектирование

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

Дизайн

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

Идея понравилась заказчику. Приступаем к дизайну.

Экран «Приветствие».

Ключевой элемент — фоновое видео о компании.

Экран «Продукция».

Ключевой элемент — 3 вида автомоечного комплекса. День / Ночь / Комплекс в разрезе.

Экран «Облачный сервис».

Ключевой элемент — описание собственного облачного сервиса компании по управлению автомоечными комплексами.

Экран «Карта».

Ключевой элемент — карта с автомоечными комплексами и представительствами компании.

Экран «Оборудование».

Пример внутренней страницы сайта.

Разработка иконок

Для каждого раздела сайта разработана своя иконка.

Видеосъёмка роликов для страниц сайта

После утверждения дизайна наступает не менее интересный этап — съёмки роликов. Предварительно подготовившишь (написав сценарии, раскадровки) выезжаем к заказчику.

Съёмки проводились в 2 этапа:

— Главный офис компании.

— Объект (строительство автомоечного комплекса)

В скором будущем нам предстоит финальный этап — съёмка готового к эксплуатации комплекса. Выражаем благодарность за помощь в проведении съёмок нашим партнерам: Владу Бойкову (видеограф, оператор) и Яне Бараевой (оператор). Отснятно и смонтировано 11 тематическиех видео-нарезок. Параллельно с видео проводилась фотосъёмка.

Вёрстка, анимация

В заключительном этапе сверстали все страницы сайта с учётом адаптивности под любое стройство. Проработали анимации, написали все необходимые скрипты и наполнили контентов все страницы. 

После тестирования загрузили готовый сайт на сервер заказчика.

ЗАДАЧА №2

— Дизайн интерфейса фирменного программного обеспечения ALLES CW

— Дизайн панели управления

Дизайн интерфейса фирменного программного обеспечения ALLES CW

Параллельно с работами по сайту необходимо было продумать интерфейс программного обеспечения. 

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

Фирменное ПО выполняет следующие функции:

— Персонализированные уровни доступа;

— Меню диагностики с отражением всех параметров моечного оборудования;

— Настройки параметров мойки;

— Схемы оборудования и многое другое.

Дизайн панели управления

Интервью с клиентом

После сдачи проекта мы провели интервью с генеральным директором «ALLES». Обсудили процесс взаимодействия и результаты проделанной работы.

                                                 

Более подробно узнать о разработке сайтов Вы можете на сайте нашего агентства —

http://paladin-engineering.ru/ 

или позвонив по нашим телефонам: +7 (812) 926-01-57, +7 (911) 199-80-72


Перейти на сайт

В карточку агентства
Пользуйтесь реальным опытом в IT и следите за успехами потенциальных подрядчиков и конкурентов

Читайте также

Кейсы по теме#Создание сайтов