Перед нами стояло завдання оновити бренд магазину косметики GODDESS. Попередня айдентика була досить безликою та не відображувала суті бренду. На початку роботи ми глибоко розібрались, хто є клієнтом GODDESS, щоб в подальшому побудувати образ і комунікацію так, щоб їх зблизити.
![](https://twid.studio/wp-content/uploads/old-logo.jpg)
![](https://twid.studio/wp-content/uploads/girl-img.jpg)
Логотип побудований за допомогою типографічного рішення. В основі кожної з букв лежить форма кола.
![](https://twid.studio/wp-content/uploads/1-gif-3.gif)
Ми вирішили будувати айдентику на принципах природності, а що може бути природніше в контексті б'юті сфери, ніж тілесний колір? Він є основою для того, щоб додавати на нього додаткові фарби, чим і займається GODDESS.
![](https://twid.studio/wp-content/uploads/2-gif-3.gif)
![](https://twid.studio/wp-content/uploads/slide-1-img4-2.jpg)
У більшості випадків для тексту ми використовуємо темно-синій колір, він контрастний до тілесного і утворює з ним більш органічну зв'язку, ніж чорний.
Крім цього ми ввели ряд яскравих кольорів, щоб мати можливість розставляти за допомогою них акценти. Обрані кольори відповідають сяйкам, але про це трохи пізніше.
![](https://twid.studio/wp-content/uploads/secondary-colours.jpg)
В якості патерну та в цілому впізнаваного елементу айдентики ми ввели «сяйки» - елементи у вигляді зірок, які символізують собою божественне сяйво. Поєднуємо їх із закликом «СЯЙ!»
![](https://twid.studio/wp-content/uploads/small-static-shines.jpg)
![](https://twid.studio/wp-content/uploads/small-shine-pattern-img.jpg)
![](https://twid.studio/wp-content/uploads/3-gif-2.gif)
![](https://twid.studio/wp-content/uploads/big-shine-pattern-img.jpg)
![](https://twid.studio/wp-content/uploads/torby-img.jpg)
![](https://twid.studio/wp-content/uploads/umb-paperbag-img.jpg)
В якості основного шрифту ми вибрали Apercu — це гротеск з округлими малими літерами, що добре поєднується з логотипом. При цьому великі літери, за рахунок своєї трохи витягнутої форми, додають контрасту.
![](https://twid.studio/wp-content/uploads/picone-2.jpg)
![](https://twid.studio/wp-content/uploads/pictwo-3.jpg)
![](https://twid.studio/wp-content/uploads/certificate-img.jpg)
![](https://twid.studio/wp-content/uploads/typogr-stories.jpg)
Основний спосіб комунікації GODDESS з аудиторією — це соціальні мережі, тому особливий акцент в складанні гайдлайну ми зробили саме на способи оформлення постів. Вони вийшли універсальні та прості у використанні.
![](https://twid.studio/wp-content/uploads/posts-insta-typo.jpg)
В оформленні графічних матеріалів знайшли своє застосування як основний тілесний колір, так і допоміжні кольори. Активно застосовуються сяйки, які дали поштовх для розвитку іконографіки. Такі прийоми залишають досить багато місця для творчості і дозволяють зробити акцент на сам контент.
![](https://twid.studio/wp-content/uploads/posts-insta-img-1.jpg)
![](https://twid.studio/wp-content/uploads/emoji-img.jpg)
![](https://twid.studio/wp-content/uploads/posts-insta-img-2.jpg)
Goddess –– это онлайн-магазин, поэтому сайт в данном случае является основным инструментом бизнеса и ключевой формой проявления бренда. Перед нами появилась задача внедрить новую айдентику на сайт и улучшить его с точки зрения UX.
Для интернет-магазина ключевыми страницами являются стартовая, каталог и карточка товара. На их юзабилити мы делали особый акцент.
![](https://twid.studio/wp-content/uploads/katalog.png)
![](https://twid.studio/wp-content/uploads/kartochka-tovara.png)
Так же особо тщательно были проработаны корзина и чекаут.
![](https://twid.studio/wp-content/uploads/korzina.png)
![](https://twid.studio/wp-content/uploads/chekaut.png)
Но самый важный акцент был сделан на удобство работы с мобильной версией, поскольку в ритейле косметики мобильный трафик часто превышает 80%.
![](https://twid.studio/wp-content/uploads/goddess-final-gif.gif)