Шукаємо спільну ДНК
для всіх продуктів Цукру.
Сайт. Клуб. Крамниця. Дворик. Соцмережі. Зараз вони живуть у різних естетиках — десь добре, десь випадково, десь геть мимо. Це підбірка того, що в нас уже є, і пропозиція того, що варто витягти в новий сайт і потім розтягнути на решту продуктів.
↗ нестерильно, з характером, з рукою людини на кадріЩо ми маємо зараз і що з цим не так
Чотири продукти Цукру, які формують враження. Спойлер: вони з різних брендів.
Сайт ● базис айдентики
Тут і логотип, і Raleway/Open Sans, і чорно-біло-жовте поєднання. Темна/світла тема, чіткі картки новин.
Клуб ✓ найближче до бренду
Жовті плашки, чорні кнопки, кругленькі картки, м'який кремовий фон. Тон «своєї спільноти» зчитується одразу.
Крамниця ✗ найбільший провал
Генеричний eShop-шаблон. Лого «ц.крамниця» в хедері — і все, далі цукра нема. Сірі кнопки замість жовтих, сток-іконки, нуль характеру.
Лонгрід — нейтрально, працює
Темна тема, чіткий заголовок Raleway, лід з виділенням жовтим, ієрархія читабельна. Але візуально — це шаблон новинного сайту.
YouTube — добре зчитується айдентика (плашки, типографіка). Instagram — фірмовий стиль витриманий, але кожен пост живе сам по собі. FB — найслабший, найменше пов'язаний візуально з рештою.
болить
- Крамниця не має нічого спільного з рештою продуктів — це шаблон.
- Жоден продукт не виглядає як «рукою зроблений» — все або шаблонне, або стерильне.
- Дворик живе в окремому всесвіті, хоч він наш і нам близький.
- Гайдлайн Цукру 2021 — статичний, описує сторінки і шапки. Не описує тон ілюстрацій, фактуру, акценти.
сильні сторони
- Логотип Цукру — впізнаваний, працює маленьким і великим, добре читається в соцмережах.
- Жовтий маркер як акцент — універсальна штука, її можна розтягнути на все.
- Клуб і YouTube — доказ, що ми вміємо тримати тон, коли стараємось.
- Дворик дав нам мову експерименту — палички, неідеальна типографіка, прямий сленг.
Цукр і Дворик — два брендбуки, які треба зшити
Цукр
- «Ц.» — мова бренду. Сленг рідною. Прості запитання: «це що», «це як».
- Жовтим виділяємо: «Підтримати», «Корисне», цитати, гіперлінки, важливе. Як маркер по тексту.
- Чорний на білому = база. Логотип — тільки чорний або білий.
- Кожен суббренд має крапку власного кольору (новини жовта, місто зелена тощо).
Дворик на Кузнечній
- Метафора ДНК = палички. Палички перетворюються на що завгодно: книгу, стрілку, гітару, людину.
- Палички завжди наповнені текстом — повідомлення живе всередині графіки.
- Тон: «друже», «двіжонутий», «коріфанчік», «прогресивні тіпи». Не дитячий, але теплий.
- Експериментальна верстка: текст вертикально, букви розкидано по композиції.
- «Це живий організм, який ти можеш розвивати» — ремарка з самого брендбуку.
Спільне: жовтий, дружній сленг, готовність грати з типографікою, любов до акценту.
Різне: Цукр — ідеально вирівняний прямокутник, Дворик — хаос з характером.
Нам треба десь посередині — Цукр тримає чіткість сітки, але вчиться рукотворності у Дворика.
Старе + нове + любов = наша реальна естетика
Ми працюємо в офісі на Кузнечній, де відкриті цеглини XIX століття поруч з новими білими сферичними плафонами. Дворик — те саме: облуплені стіни, нові меблі, кована парадна, графіті. Ця естетика «неакуратність із добрим смаком» — і є наша справжня ДНК. Її просто ніхто ще не переніс на цифру.
Що з цього хочеться перенести в дизайн сайту
- Текстура vs гладке. Поряд з білим простором — фактурні фотофрагменти, фотофон зі старими стінами як тло секції.
- Старе + нове. Сучасна сітка і шрифти + рукотворні акценти (обведення жовтим, нерівні підкреслення).
- Багатошаровість. Як ліпнина 1900-х під сферичним плафоном 2024-го — у дизайні це мікс шаблонної сітки і несподіваних деталей зверху.
- Червоні двері в рожевій будівлі. Один яскравий акцент в стриманому полі — наше правило для головної.
Що нам подобається у бачених прикладах
Не вичерпний перелік. Це радше прийоми, на яких затрималось око — рукотворність, мальованість, акценти від руки. Нам подобається такий настрій, у ньому хочеться бути.
«Мальований Монатік»
Дуже подобається ідея ілюстрації замість фото — лінійна графіка поверх кремового тла. Обличчя стає не випадковим знімком з гугла, а нашою графікою. Гарно лягло би на головну, на рубрики, на сторіз — і там, де крутого фото просто немає.
Чим чіпляє: своя ілюстраційна мова — груба контурна лінія, без кольору або з одним жовтим/синім акцентом. Хочеться мати таку бібліотеку мальованих об'єктів Сум — пам'ятки, локації, типажі сум'ян.
Акцентний колір вручну поверх фото
На звичайному фото один об'єкт обводять чи зафарбовують акцентом — нерівним мазком, як від руки. По суті, це той самий жовтий маркер з гайдлайну Цукру, лише винесений з тексту на зображення. Хочеться спробувати такий жест — на обкладинках статей, у соцмережах. Один універсальний прийом на все медіа.
Сім наскрізних елементів — які ми затягуємо в усі продукти
Це гіпотеза для дизайнера: набір «генів», які мають з'являтися і на сайті, і в Крамниці, і у Дворику, і в соцмережах. Не вимагає переробки логотипів — лише доповнює.
Ручний жовтий акцент
Жовтий маркер з гайдлайну виходить з тексту на фото, кнопки, іконки. Скрізь нерівний, від руки. Підкреслення, обведення, мазки.
Мальовані об'єкти Сум
Контурні ілюстрації локацій, людей, типажів — наша власна ілюстраційна бібліотека. Замінює сток і дешеві фото.
Палички з Дворика
Вертикальні смужки з текстом усередині — як цитати, як навігаційні елементи, як CTA. Прийом адаптується для Цукру в чорно-жовтому.
Фактура замість плашки
Тло секцій — не просто колір, а фрагмент стіни/паркета з нашого офісу. Один-два таких прийоми на сторінку — не більше.
Кольорові крапки суббрендів
Із гайдлайну 2021. Кожна рубрика і продукт має свою крапку: новини — жовта, місто — зелена. Розширюємо на: Клуб, Крамниця, Дворик.
Сленг «ц.»
Кнопки, заголовки і мікротексти ловлять інтонацію: «ц. так», «ц. почитати», «ц. купити». Без фанатизму — як родзинка.
Червоні двері в рожевому будинку
Принцип «один яскравий акцент на стриманому полі». Працює для головної, обкладинок рубрик, банера підтримки.
Коротко — про що ми хотіли поділитись
Це мудборд, не ТЗ. Просто внутрянка нашого життя — як виглядають наші продукти зараз, у яких просторах ми працюємо, що нам подобається у тому, що бачимо. Хочеться, щоб уся Цукр-родина (сайт + Клуб + Крамниця + Дворик) одного дня стала одним візуальним полем — і нам подобається, як цей напрям проявляється.
- Гайдлайн Цукру 2021 (PDF) — стартова точка, але готові переглядати.
- Брендбук Дворика 2023 (PDF) — інший полюс нашого характеру.
- Скріншоти всіх продуктів зараз — вище в цьому документі.
- Фотографії офісу і Дворика — як референс настрою.
- Доступ до Інстаграму, YouTube, FB — щоб подивитись, як ми звучимо в соцмережах.
- Готовність обговорювати будь-що з переліченого.