Когда ко мне обратился заказчик с просьбой «нарисовать» интернет-магазин музыкальных инструментов M-AUDIO, я сначала обрадовалась. Легендарный звук, клавиши, MIDI-контроллеры — знакомая и приятная тема.
Но как только мы углубились в детали, я поняла: это будет непростой путь. Очень непростой.
Задача
Главная задача была не просто сделать «красиво», а слепить эстетику профессионального звука с удобством торговой площадки. M-AUDIO любят за техническую мощь и минимализм. Значит, и сайт должен был дышать надежностью и драйвом.
Цвет — наше все
Фирменный красный M-AUDIO — это вызов для дизайнера. Он агрессивный, яркий, требует огромной дисциплины в композиции. Я решила не прятать его, а сделать главным героем, но строго дозировать. В пару ему взяла глубокий черный для фона и белый для воздуха. Красный появился на иконках, акцентных бордерах, табах и мелких акцентах.
Черный задал «студийное» настроение, а белый спас от тяжеловесности. В итоге получилось строго, стильно и очень со вкусом — никаких кислотных криков, только благородный хайп.
Мобильная версия: отдельная история
Когда десктоп утвердили, началось самое интересное — адаптив. Отрисовать мобильную версию пришлось практически с нуля. То, что красиво смотрелось в три колонки на мониторе, превращалось в кашу на iPhone. Для мобилки я пересобрала всю навигацию: выдвижное меню, крупные плюсы для добавления в корзину, горизонтальный скролл для популярных серий (Oxygen, Keystation). Красный стал еще локальнее — только на жизненно важных действиях, чтобы не утомлять на маленьком экране.
Что в итоге?
Я сдала проект. Красный с черным работают идеально: сайт выглядит дорого, технично и вызывает доверие профессионала. Потраченные нервы и тонны правок того стоили.
Теперь каждый раз, когда вижу фирменный логотип M-AUDIO, я с гордостью думаю: «А в этом красном — частичка и моего перфекционизма».
Мы создаем не просто «красивые картинки», мы создаем ощущение уюта и надежности, которое остается у подписчика даже после пяти секунд просмотра ленты.
P.S. Нужен цепляющий, атмосферный и продающий визуал для ваших соцсетей? Дайте знать. Давайте сделаем мир вокруг нас немного теплее.
Больше интересных и полезных статей можно посмотреть на моем телеграмм канале https://t.me/astium_design или личном сайте https://astium-design.ru/blog в разделе Блог.
Мой сайт - https://astium-design.ru
А также, есть группа в ВК, там я выкладываю всё самое актуальное https://vk.com/astium
Подписывайтесь, будет интересно)
Мои кейсы: