Как Трамп покупал Tesla
Jaguar Type 00 в Париже

Айдентика и сайт для семейной стоматологии Soft Dent

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

В этом кейсе хотим показать, как мы сами работаем над проектами для малого бизнеса. Недавно к нам обратился Александр: он открыл в Ростове-на-Дону стоматологию и обратился к нам с задачей по разработке айдентики и сайта. Пожелания Александра были такие: «хочу, чтобы этот кейс был в вашем портфолио» (спойлер: кейс опубликован в нашем портфолио на Behance). Давайте посмотрим, что из этого вышло.

1. Изучаем задачу

У Александра был ограниченный, но не минимальный бюджет. Он хотел закрыть базовые задачи по дизайну на качественном уровне: получить логотип, фирменный стиль на четырёх носителях — вывеске, визитке, прайс-листе и бумажном объявлении — и сайт.

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

Александр предполагал, что дизайн поможет бизнесу выделиться на фоне конкурентов: не у каждой стоматологии в Ростове-на-Дону есть сайт, тем более с продуманным фирменным стилем. Он хотел, чтобы дизайн соответствовал современным тенденциям, был лаконичным и неброским.

У предпринимателя уже была концепция бренда и название: Soft Dent – мягкая стоматология. Александр хочет, чтобы его бизнес ассоциировался с чем-то приятным, безопасным, дружелюбным. В мягкой стоматологии нет поводов для волнения или страха перед врачами, потому что всё устроено так, чтобы человеку было комфортно и небольно.

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

2. Подбираем визуальную концепцию

Мы поискали визуальные образы, которые передают ощущения комфорта и мягкости. Обращали внимание на плавные текстуры и натуральные цвета, сразу старались собирать фото интерьеров, потому что знали — в офлайн-бизнесе фирменный стиль может пригодиться в ремонте. Собрали три мудборда с разными концепциям:

<i>Концепция 1</i>
Концепция 1
<i>Концепция 2</i>
Концепция 2
<i>Концепция 3</i>
Концепция 3

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

3. Рисуем лого

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

<i>Ищем основу для логотипа</i>
Ищем основу для логотипа

Мы нарисовали несколько похожих форм, которые можно использовать вместе, например, на разных видах логотипов:

<p><i>Несколько форм, которые мы придумали для логотипа</i></p>

Несколько форм, которые мы придумали для логотипа

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

<i>Логотип и новый цвет — светло-синий</i>
Логотип и новый цвет — светло-синий

4. Рисуем фирменный стиль на носителях — визитке и бумажном бланке

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

<i>Подобрали градиент</i>
Подобрали градиент

Мы взяли логотип, наши цвета и формы и перенесли их на носители:

<i>Два варианта вывески</i>
Два варианта вывески
<i>Прайс-лист</i>
Прайс-лист
<i>Бумажное объявление</i>
Бумажное объявление
<i>Визитки</i>
Визитки

5. Готовим сайт

После носителей мы перешли к сайту. Мы сразу предупредили Александра, что в условиях небольшого бюджета сайт логично делать с использованием low-code решений. Мы посоветовали Webflow: он более функциональный и гибкий, чем Tilda, но гораздо проще, чем WordPress.

Договорились, что соберём макеты и сверстаем основные страницы, а в будущем предприниматель сможет сам копировать их и менять контент через админку. Например, если в стоматологии появится дополнительная услуга, у Александра уже будет шаблон для страницы под неё — достаточно его дублировать, добавить туда новый контент и опубликовать.

Александр передал нам несколько референсов, мы изучили их, взяли наши цвета, формы и лого и собрали макеты:

<p><i>Макеты для страниц доктора, услуги, акций</i></p>

Макеты для страниц доктора, услуги, акций

Согласовали всё с клиентом, обработали фидбек, сверстали сайт на Webflow и адаптировали его для мобильных.

<i>Сайт на десктопе</i>
Сайт на десктопе

Итоги проекта и выводы

Мы закрыли этот проект за месяц, а Александр получил фирменный стиль на носителях, лого с продуманной визуальной метафорой, сайт на Webflow.

По завершению проекта мы получили от клиента следующий отзыв:

Было 2 задачи с небольшим (по московским меркам) бюджетом: логотип + фир.стиль и разработка сайта.

Логотип и общий фирменный стиль получились отличными. Со второй итерации мы полностью поняли друг друга так, что все задачи (которые стояли в разработке) были реализованы на 100%.

С сайтом неоднозначнее. По какой-то причине коммуникация сильно упала, но в итоге с кучей огрехов сайт закончили. Изначальный дизайн очень приятный глазу, но не практичный, в сожалению. Функционал как бы есть (за счёт упрощенной CMS), но как бы нет. Но тут и моя ошибка, ибо проект подобного рода стоило разрабатывать не на webflow, а на битриксе, либо WordPress.

В итоге, дизайн действительно радует глаз (как в вебе, так и на носителях), а на сайт либо нехватило бюджета, либо квалификации. Красиво, но сыро.

Multiways спасибо. Я точно могу порекомендовать их для задач связанных с графическим дизайном.

Как то так. Не уверен, правда, что вы будете публиковать подобный отзыв: D

Александр

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

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

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

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

2727
реклама
разместить
12 комментариев

круто, что вставили реальный отзыв клиента

7

Ну а как иначе? :) 

Фикция. Не верю.

7

Смешно 😃

Уберите название и спросите у любого человку что изображено на лого.
Ответ "мягкое кресло" думаю будет в самом конце многочисленного списка вариантов.
ЗЫ. мягкий зуб

5

дизайн прикольный

2

Мы тоже так считаем, спасибо ;)

Раскрывать всегда
ИТ-компании попросили у правительства поддержки на случай возвращения иностранных игроков — РБК

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

4747
77
11
11
О, дотационные додики заскулили… ничего не могут сделать в конкурентной среде.
реклама
разместить
Досье на телефонных мошенников: Forbes узнал детали концепции государственной антифрод-системы

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

Фото «Интерфакс» 
44
33
Чтение на выходные: «Читай. Пиши. Управляй. Блокчейн как новая эра интернета» Криса Диксона
Чтение на выходные: «Читай. Пиши. Управляй. Блокчейн как новая эра интернета» Криса Диксона

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

44
Видео: китайская UBTech показала своих роботов на заводе по производству электромобилей

Компания уже поставляет их на предприятия Volkswagen и Audi в Китае.

1010
55
«Купил Kia, после того как Илон сбрендил»: норвежское подразделение Kia неудачно пошутило над Tesla — объясняться пришлось головному офису

В последнем заявили, что не давали добро на кампанию.

«Купил её, после того как Илон сбрендил»
5858
33
11
Эх, а выглядит вполне хорошо ...
ЦБ определил условия для получения статуса квалифицированного инвестора

Пока это проект. Регулятор планирует, что документ вступит в силу с 23 мая 2025 года.

2929
1010
66
33
11
П@дорасы

OpenAI просит запретить DeepSeek и аналоги в США, 45 млн евро в стартап наших фаундеров, как заработать на троллинге Цукерберга, российские IT-компании ищут защиты от возвращения зарубежных игроков

🦄Доброе утро, наши маленькие любители единорогов!

11
OpenAI предложила разрешить обучать нейросети на защищённом авторским правом контенте

Иначе США «проиграет ИИ-гонку».

11
11
11
У наушников Apple AirPods появится функция синхронного перевода — Bloomberg

Устройство будет распознавать речь на иностранном языке и переводить её пользователю на нужный.

Источник фото: The Verge
66
реклама
разместить
Минпромторг России попросил бизнес рассказать, снятия каких санкций он бы хотел в первую очередь — Reuters

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

2828
44
33
22
Баян, но разве санкции не на пользу?
80 нейросетей, которые помогут тебе разобраться в теме и проанализируют десятки источников. Залил в одну табличку + краткое описание — эпичная подборка
80 нейросетей, которые помогут тебе разобраться в теме и проанализируют десятки источников. Залил в одну табличку + краткое описание — эпичная подборка
120120
55
44
33
Мне нужна нейросеть чтобы разобраться в подборке из 80 нейросетей
HR-менеджер в Китае «пристроил» 22 «мёртвые души» и присвоил себе причитающиеся им $2,2 млн

Ему удалось оставаться незамеченным восемь лет.

Источник фото: La Hoguera Mx
3232
66
55
33
11
Азия-с. Поскреби любую управу в у нас в городе на наличие существующих на бумаге и реальных дворников и будешь удивлен.
[]