Перейти к содержанию
Case 08 / Многостраничный сайт

SpongeBob.by

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

Главный экран проекта «SpongeBob.by»
08 / CoverМногостраничный сайт · Ollum Group
Проект
SpongeBob.by
Формат
Многостраничный сайт
Фокус
5 направлений → заявка
Состав
Strategy / UX/UI / Development
01 / Контекст

История проекта

Клининг с характером, в который хочется нырнуть

SpongeBob.by объединяет клининг, химчистку, мойку окон и специальные работы. В категории с похожими услугами сайту нужно было не только отвечать на запрос, но и создавать эмоциональное отличие.

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

02 / Задача

Что мешало бизнесу

Совместить игровой образ с серьёзным сервисом и большим каталогом

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

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

01

Пять маршрутов

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

02

Морской арт-дирекшн

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

03

Проверка задачи

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

03 / Визуальная система

Интерфейс в деталях

Общая композиция и крупные фрагменты ключевых зон проекта.

Интерфейс проекта «SpongeBob.by»: Первый экран
01Первый экран
Интерфейс проекта «SpongeBob.by»: Морской оффер
02Морской оффер
Интерфейс проекта «SpongeBob.by»: Визуальный мир
03Визуальный мир
04 / Процесс

Как пришли к решению

01

Карта услуг

Разделили двадцать предложений на пять понятных направлений.

02

Сценарий

Связали знакомство с брендом, выбор задачи и оформление заявки.

03

Визуальный мир

Создали морскую систему образов, цветов, иллюстраций и микроформулировок.

04

Интерфейс

Реализовали адаптивный каталог и интерактивные элементы обращения.

05 / Результат

Что изменилось

Состав работ
Стратегия и структураИнформационная архитектураАрт-дирекшнUX/UI-дизайнFrontend-разработка
  • 01Каталог воспринимается как пять ясных маршрутов
  • 02Игровая подача формирует заметный образ бренда
  • 03Интерактив ведёт от выбора задачи к заявке
Есть похожая задача?

Разберём продукт и предложим следующий шаг

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

Обсудить проект