Ещё

Заказать

Услуги

Проекты

Ещё

Ещё

Закажите проект

[{"lid":"1751694093170","ls":"10","loff":"","li_parent_id":"","li_type":"em","li_ph":"\u041f\u043e\u0447\u0442\u0430","li_title":"\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u043b\u0435","li_name":"email","li_req":"y","li_nm":"email"},{"lid":"1751695083888","ls":"20","loff":"","li_parent_id":"","li_type":"ta","li_ph":"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443 \u043e\u0431\u0449\u0438\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438, \u043a\u0430\u043a \u0432\u0430\u0441 \u0437\u043e\u0432\u0443\u0442 \u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438","li_rows":"4","li_name":"textblock","li_nm":"textblock"},{"lid":"1758116651618","ls":"30","loff":"","li_parent_id":"","li_type":"cb","li_title":"\u00ab\u0421\u0442\u0440\u0435\u043b\u0430\u00bb \u2014 \u0443\u0441\u043b\u0443\u0433\u0430 \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u044d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0434\u0438\u0437\u0430\u0439\u043d) \u0437\u0430 \u043c\u0435\u043d\u044c\u0448\u0438\u0435 \u0434\u0435\u043d\u044c\u0433\u0438 \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u043c\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0441\u0434\u0430\u0447\u0438.","li_label":"\u042f \u043d\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u044e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f","li_name":"strela","li_nm":"strela"},{"lid":"1758116901833","ls":"40","loff":"y","li_parent_id":"","li_type":"ws","li_rows":"1"},{"lid":"1751695022549","ls":"50","loff":"","li_parent_id":"","li_type":"cb","li_label":"\u042f<span style=\"color: rgb(0, 0, 0);\"> <\/span>\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u0441<span style=\"color: rgb(0, 0, 0);\"> <\/span><a href=\"https:\/\/strukturum.ru\/policy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); box-shadow: none; text-decoration: none;\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>","li_name":"policy","li_checked":"y","li_req":"y","li_inputinrow":"y","li_nm":"policy"},{"lid":"1751701921035","ls":"60","loff":"","li_parent_id":"","li_type":"cb","li_label":"\u042f<span style=\"color: rgb(0, 0, 0);\"> <\/span>\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u0441<span style=\"color: rgb(0, 0, 0);\"> <\/span><a href=\"https:\/\/strukturum.ru\/agreement\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); box-shadow: none; text-decoration: none;\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435\u043c \u0441 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a>","li_name":"agreement","li_checked":"y","li_req":"y","li_nm":"agreement"}]

Сайт «Чойса»

Осень — зима 2022

Новый сайт для онлайн-журнала «Чойс» после их «переезда» от прошлого названия, сайта и бренда на новые решения. У компании был драфт фирменного стиля, разработанный нами ранее в рамках создания логотипа, поэтому мы решили делать сайт в нейтральном стиле без хитрых цветовых и функциональных решений.

Визуализация элементов сайта.

Сайт собран в нейтральном дружелюбном стиле, при этом, благодаря цветовой палитре он достаточно серьёзен.

Пример состава новостных карточек.

Верстальная сетка.

Страницы и элементы сайта собраны на основе единой системы колонок и отступов.

Главная страница на планшете.

Главная страница на смартфоне.

Сайт адаптирован для удачного отображения контента на любых экранах.

Команда и статья

На странице команды каждый сотрудник размещён в своей карточке с фотографией. На странице статьи размещены тексты по параграфам и фотографии.

Блок присутствия в странах.

Простая сетка статей.

Демонстрация построения карточки тарифа.

Блок с тарифами для рекламодателей содержит карточки с ценой и особенностями предложения. Среди нагромождения явно выделяется важная кнопка.

Дерево страниц и переходов по ним.

Драфты десктопных версий сайта.

Все макеты, созданные для сайта клиента.

Оцените этот проект

Объём работы

Аналитика и драфт сайта

Материалы и макеты, необходимые для создания будущего сайта.

5 десктопных макетов

Лёгкая дизайн-система

Серия элементов и зависимостей, позволяющих оптимизировать процесс разработки.

Правила применения, слили и компоненты

Макеты страниц

Десктопные и мобильные версии страниц, на основе компонентов дизайн-системы.

31 макет, 5 брейкпоинтов, превью.

Процесс разработки

Итоги для бизнеса

Обновлённый визуальный имидж

Создан привлекательный образ компании и продукта.

Укреплена репутация, усилено доверие аудитории.

Улучшение коммуникации с клиентами

Взаимодействие с аудиторией стало доступным и простым.

Клиенты начали ассоциировать бренд с качеством.

Повышен уровень информированности сотрудников и клиентов.

Доступность, понятность, надёжность

Качественные материалы создали впечатление профессионализма и надёжности.

Новые макеты помогли стандартизировать сообщения компании.

Маркетинговая эффективность и дифференциация на рынке

Увеличена эффективность рекламных кампаний через привлечение внимания и усиление запоминаемости рекламных материалов.

Рост интереса к продуктам и услугам, так как уникальная система идентификации помогла выделиться на насыщенном рынке.

Долговечность, преемственность и оптимизация процессов

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

Повышено доверие со стороны потенциальных инвесторов за счёт улучшенных процессов в работе.

Важные итоги

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

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

Дизайн

Артём Кокшаров

Основная идея, создание концепций, отрисовка решений, отрисовка финального варианта. Сборка макетов и передача клиенту.

Мария Сарычева

Сопровождение процесса, арт-дирекшн, документация.

Мария Шилова

Визуализация решений, сборка кейса проекта.

Управление со стороны клиента

Ксения Другова

Основной заказчик, задание направления, отбор материалов и решений, коммуникация с нами.

Инструменты для проекта

Ведение проекта

Яндекс 360 для бизнеса, Контур Диадок, Точка Банк, Notion, Точка Бухгалтерия

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

Figma, Photoshop, Pixelmator, Blender

Стоки и искуственный интеллект

Fooocus, The Noun project

Аппаратура

iMac 2011, iMac 2012, MacBook 2014, MacBook 2022