Брендинг и корпоративный сайт для студии неоновых вывесок
Разработали фирменный стиль и корпоративный сайт: от позиционирования бренда до каталога работ, которым студия управляет сама
splinelab.unexlab.com
Кратко о проекте:
Проектов в каталоге
10
Направления работ
3
Страниц собирается статически
17
Описание:
Splinelab — студия неоновых вывесок полного цикла из Махачкалы: проектирование, производство и монтаж. Работы студии видели все её клиенты, но показать их было негде — заявки приходили из мессенджеров и справочников, а каждое новое фото приходилось пересылать вручную.
Что мы сделали
Брендинг
Логотип и фирменный стиль для компании
UI-дизайн
Интерфейс сайта и дизайн-система
Разработка
Frontend и адаптивная вёрстка
Проблема
Задача
У студии не было собственной витрины: портфолио жило в мессенджерах и справочниках, каждое обновление требовало участия исполнителя, а клиент не мог быстро показать релевантные работы под конкретный запрос.
Нужен был сайт, который:
- показывает работы по направлениям, а не одной лентой;
- обновляется самим владельцем, без разработчика;
- находится в поиске по локальным запросам;
- ведёт в мессенджер, где клиенты и так общаются.
Наше решение
Проект разделился на два направления:
Брендинг
Разработали новую визуальную идентичность компании: логотип, фирменный стиль, цветовую систему, типографику и правила использования бренда.
Корпоративный сайт
Создали современный многостраничный сайт с каталогом услуг, кейсами, информацией о компании и удобной системой взаимодействия с потенциальными клиентами.
Процесс
Погружение в бренд
На первом этапе мы изучили компанию, её продукцию, целевую аудиторию и особенности рынка. Вместе с заказчиком определили ценности бренда, ключевые преимущества и сформировали направление будущего визуального языка.
Результатом этапа стал Discovery-документ с дорожной картой проекта, целями, задачами и последовательностью дальнейшей работы.
Исследование
Мы проанализировали конкурентов, собрали визуальные референсы и исследовали современные тенденции в сфере световой рекламы и производства.
На основе анализа определили будущий характер бренда, сформировали основные визуальные принципы и подготовили рекомендации по позиционированию компании.
Архитектура продукта
Перед нами стояла задача создать понятную структуру сайта, которая позволит пользователю быстро находить необходимую информацию независимо от устройства.
Мы спроектировали архитектуру всех страниц, определили взаимосвязи разделов и сформировали единую структуру будущего продукта, обеспечивающую простую навигацию и возможность дальнейшего развития сайта.
Проектирование UX
После утверждения структуры мы приступили к проектированию пользовательского опыта.
Для каждой страницы были разработаны wireframe-прототипы, позволившие проверить логику интерфейсов, расположение контента и последовательность взаимодействия пользователя ещё до начала визуального дизайна.
UI-дизайн
Визуальная концепция строилась вокруг идеи современного бренда световой рекламы.
Минималистичные интерфейсы, выразительная типографика, акцентные неоновые цвета и большое количество свободного пространства позволили подчеркнуть качество работ и создать узнаваемый визуальный стиль.
Для проекта была разработана единая дизайн-система, включающая:
- типографику;
- цветовую палитру;
- UI-компоненты;
- состояния элементов;
- адаптивную сетку.
Разработка
После утверждения дизайна все интерфейсы были реализованы в виде полностью адаптивного сайта. Особое внимание уделялось качеству анимаций, скорости загрузки страниц и сохранению точности реализации дизайна на всех устройствах.
При разработке учитывались:
- адаптивность;
- производительность;
- SEO-оптимизация;
- масштабируемость проекта;
- простота дальнейшей поддержки.
Тестирование и запуск
Перед публикацией сайт прошёл комплексное тестирование на различных устройствах и в современных браузерах. Мы проверили адаптивность, корректность отображения контента, работу форм обратной связи и пользовательские сценарии, после чего подготовили проект к запуску.
В результате компания получила современный фирменный стиль и корпоративный сайт, которые стали основой цифровой коммуникации с клиентами и усилили визуальную идентичность бренда.
Как получилось
Есть идея? Давайте посмотрим, что из нее может получиться
Созвонимся, зададим много вопросов, предложим варианты решения и честно скажем, если вам что-то не нужно.