Кейс разработки

Один бренд, одна структура, три характера

Для ASUS разработали концепт дизайна сайта сразу в трёх вариантах. Такой подход позволил проверить разные способы презентации техники, не меняя ключевые пользовательские задачи.

Каждая версия помогает выбрать ноутбук, перейти к каталогу и ценам, найти точку продаж, получить поддержку и познакомиться с продуктовыми линейками. Различие — в эмоциональном образе, плотности контента и композиции первого экрана.

Клиент: ASUS
Формат: Концепт корпоративного продуктового сайта
Варианты: Три визуальных направления
Что сделали: Структура, интерфейс и дизайн-концепции

Задача

Совместить образ технологичного бренда с практичным выбором техники

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

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

Общий каркас

Функции остаются стабильными, пока дизайн меняет интонацию

Каталог и цены

Ключевой коммерческий маршрут доступен из верхней навигации во всех трёх концептах.

Быстрый подбор

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

Продуктовые линейки

Eee PC и U/UX-серия получают отдельные визуальные карточки и короткие позиционирующие сообщения.

Экосистема бренда

Новости, форум, вакансии, партнёрство и сервис формируют сайт компании, а не только рекламную витрину.

Вариант 01 Технология в движении

Холодная палитра и эффект трансформации

В первом варианте ноутбук появляется среди синих и чёрных бабочек. Технологичный объект словно собирается из движения — образ подчёркивает лёгкость, изменение и визуальную выразительность продукта.

Панорамный баннерПродукт и эмоциональная графика занимают почти всю ширину первого экрана.
Подбор рядом с образомФорма остаётся постоянно видимой и превращает впечатление в практический выбор.
Контентная глубинаНиже размещены продуктовые промо, вакансии, форум и новости — главная работает как полноценный портал.

Первый вариант дизайн-концепции сайта ASUS в синей гамме — 01 Технологичный динамичный концепт

Вариант 02 Эмоциональный retail

Цвет становится частью выбора

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

Форма внутри промозоныБыстрый подбор встроен в правую часть баннера и воспринимается как продолжение рекламного сообщения.
Три продуктовых акцентаКарточки под баннером поддерживают разные линейки и расширяют первое предложение.
Равновесие сервисовВакансии, новости и форум получают одинаковый визуальный вес в нижней части страницы.

Второй вариант дизайн-концепции сайта ASUS с розовым ноутбуком — 02 Эмоциональный продуктовый концепт

Вариант 03 Продуктовый минимализм

Один тезис, один герой, меньше визуального шума

Третий вариант строится вокруг серии ASUS UL и идеи «неограниченных возможностей». Яркий зелёный экран, тонкий профиль ноутбука и крылья быстро передают главные свойства продукта без сложного коллажа.

Чёткое деление экранаСлева — продуктовый образ, справа — новости и быстрый подбор ноутбука.
Короткая страницаВторостепенный контент сокращён, поэтому ключевые действия помещаются ближе к первому экрану.
Сильный цветовой кодЛаймовый фон отличает продуктовую серию и делает концепт самым лаконичным из трёх.

Третий вариант дизайн-концепции сайта ASUS с ноутбуком серии UL — 03 Минималистичный продуктовый концепт

Сравнение

Три ответа на один и тот же бриф

Динамика

Образ: Бабочки и трансформация
Подача: Технологичная
Плотность: Высокая

Эмоция

Образ: Цвет и стиль
Подача: Потребительская
Плотность: Средняя

Фокус

Образ: Тонкость и лёгкость
Подача: Продуктовая
Плотность: Низкая

Результат

Не один красивый экран, а пространство для осознанного выбора

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

3самостоятельные дизайн-концепции

1общее функциональное ядро

4параметра быстрого подбора

Информация о выбранном варианте, запуске и продуктовых показателях не предоставлена. В кейсе показан подтверждённый объём работы — три разработанные концепции главной страницы.

TEAM

Команда проекта