Создание логотипа и визуальной айдентики. Дизайн корпоративного сайта

Индустрия:

LegalTech

Клиент:

Юридическая фирма

Цель:

Визуальное обновление

Год:

2024

перейти на сайт

перейти на сайт

Предпосылки

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

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

Ключевые задачи

айдентика

ux/ui

Услуги:

Создание логотипа, визуальная айдентика, UX/UI дизайн

Инструменты и технологии:

Figma, Photosop, Illustartor, Relume

Задача

Клиент поставил перед нами следующие задачи:

  • Современный минималистичный логотип, со встроенным знаком +
  • Простота использования сайта: интуитивный интерфейс
  • Современный дизайн: стильный, деловой, эстетичный внешний вид сайта и фирменный стиль
  • Мобильная адаптация: полная оптимизация дизайна сайта для смартфонов.

Этап № 1

Исследование, логотип

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

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

Мы подготовили четыре концепции логотипа. Клиент быстро определился с фаворитом, попросив лишь доработать типографику. Ниже смотрите, что у нас получилось в финале. 👇

4 предложенные концепции, первая из которых была выбрана клиентом

Выбранная концепция доработанная в типографике

Фианльный логотип и знак

Этап № 2

Визуальная айдентика

Мы разработали визуальный стиль за 2 недели. Он состоит из следующих компонентов: логотип, знак, цвета, шрифты, графические элементы, правила использования логотипа, визуальный стиль фотографий, графические приемы для использования стиля на носителях. И самое главное — руководство. Это документ, в котором описаны все правила работы с айдентикой.

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

Ниже мы приводим несколько страниц руководства, где описаны правила

Фирменные цвета

Цветовая палитра состоит из основного зеленого цвета, используемого в логотипе, а также двух темных оттенков и трех более светлых оттенков. Палитра также включает все оттенки черного от 0 до 100 насыщенности. В качестве акцентного цвета мы используем лимонный цвет

Графические элементы

Чтобы создать целостность бренда, необходимо использовать одинаковые графические элементы на всех типах носителей

Графические техники

Графические приемы, которые мы можем использовать в фирменном стиле.
1. Выделите часть текста другим цветом и шрифтом (курсив)
2. Смещать отдельные слова в заголовке
3. Разделение носителя на 2 или 4 части
4. Использование 1/4 части знака «плюс» в качестве фоторамки
5. Где нужно — расширять знак «плюс»
6. Используйте один из графических элементов в качестве маски для фотографий

Пример взаимодействия

Примеры того, как все эти атрибуты могут работать вместе
1. Цвет бренда
2. Фирменный шрифт
3. Графические элементы
4. Графические техники
5. Набор иконок
6. Логотип

айдентика на носителях

Этап №2. Завершение

Передача всех материалов

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

Клиент получает следующий список материалов

  • Все версии логотипов (основной, знак, аватар) в нескольких форматах (jpg, png, svg, eps) и двух цветовых моделях (RFB и CMYK)
  • Все печатные материалы готовые к печати
  • Guideline в PDF для печати (в высоком качестве) и облегченный формат PDF, для передачи в сети
  • Отдельный файл Figma, в котором все собрано по страницам для удобства использования.

Файл Figma со всеми элементами айдентики

Этап № 3

UX/UI дизайн сайта. Структура и прототип

В начале работы над сайтом мы столкнулись с тем, что у клиента еще не было всего контента для сайта. Мы пошли решать эту проблему с помощью искусственного интеллекта, а именно сервиса Relume. Мы создали структуру и варфреймы. Конечно, потребовалось вмешательство дизайнера, чтобы привести макеты в соответствие с требованиями заказчика.

На основе созданной структуры и варфреймов заказчик смог гораздо быстрее подготовить релевантный контент. Чтобы сайт запускался быстрее, было решено сделать 5 внутренних страниц в дополнение к главной странице. Еще 6 внутренних страниц, которые были в изначальном ТЗ, мы перенесли на следующие итерации.

wireframes

Этап № 4

Дизайна концепция

На данном этапе мы разработали две уникальные концепции. Одна из них была одобрена и немного доработана.

Две концепции дизайна

Часть утвержденного дизайна главной страницы

Завершение проекта

Все макеты переданы в разработку

Этот проект для нас был завершен на стадии дизайна. Разработка осуществлялась нашими партнерами UXIS. И у них это очень хорошо получилось 💪. Вы можете посмотреть веб-сайт тут

Если вас заинтересовали услуги по Брендингу или UX/UI дизайну, то добро пожаловать на страницы этих услуг

Понравился кейс?

Забронируйте звонок с одним из основателей студии. За 30 минут он ответит на все ваши вопросы. Возможно, ваш кейс станет следующим!

забукать звонок

забукать звонок