Перейти к содержимому
TOPGENIUS
← Все проекты

UX/UI, Редизайн, Логотип

SGIspread: редизайн сервиса

Обновили логотип и интерфейс сервиса для дизайнеров: навигация по форматам файлов и внимание к самим материалам.

Клиент / проект
SGIspread
Наша роль
Редизайн логотипа и интерфейса
Студия
TOPGENIUS
SGIspread: обложка презентации

Каталог, в котором важен поиск материала

SGIspread — сервис с материалами для дизайнеров: фотографиями, макетами, шрифтами и другими исходниками. Пользователь приходит не за длинным рассказом о площадке, а за подходящим файлом. Поэтому редизайн был связан прежде всего с понятной навигацией и удобством просмотра каталога.

Упростить знак без потери узнаваемости

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

SGIspread: макеты страниц и интерфейсов — часть 1

Формат файла как быстрый ориентир

Одним из решений стало размещение типов файлов в верхней части экрана. Дизайнер может ориентироваться на нужный формат ещё до перехода к подробностям материала. Фирменные иконки поддерживают эту систему: их форма связана с логотипом и помогает различать типы содержимого.

Оформление, которое освобождает место контенту

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

Подход к редизайну контентного сервиса

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

SGIspread: макеты страниц и интерфейсов — часть 2

Иконки как часть навигационной системы

Вместо дополнительной декоративной иллюстрации фирменная графика используется в прикладной задаче: различать форматы содержимого. Посетитель получает короткий визуальный ориентир ещё до чтения подробностей. Это делает особенно важными повторяемость формы и понятное различие между отдельными значками.

Палитра интерфейса

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

Следующий проект — ваш

Нужен сайт или образ бренда
для похожей задачи?

Расскажите о компании, продукте и том, что хотите изменить. Обсудим состав работ и подготовим предложение под вашу задачу.

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

Связаться с нами

Расскажите о вашем проекте

Ответим в течение рабочего дня: предложим решение, срок и смету.

Антиспам

Форма защищена от автоматических заявок.

Обратная связь

Обсудим задачу, сроки и состав работ.

Или позвоните

Telegram

Без спам-звонков — один короткий разговор по сути.