UX | UI Верстка, CSS Информационный дизайн Графический дизайн SEO
Скриншот старого сайта
Задача:
Важно визуально передать ощущение спокойствия и гармонии
На старом сайте информация была представлена сплошным текстом, не было удобной для пользователя навигации. Оформление сайта было устаревшим.
Моей задачей было сделать редизайн логотипа, подобрать фирменные цвета, создать удобный и легкий сайт. Структурировать предоставленную информацию - разбить данные на блоки, грамотно представить их на сайте и создать инфографику для более легкого восприятия и анализа информации.
РЕШЕНИЕ
Новый логотип представляет собой динамичную спираль, сформированную из множества точек. Спиральная форма символизирует движение, развитие и бесконечные возможности. Это отражает суть коучинга и психологического процесса, направленных на самопознание и рост. Точки расположены равномерно по спирали, создавая эффект витка. Каждый виток символизирует этапы личной трансформации или важные моменты в жизни.
Для оформления сайта мы выбрали акварельные картинки, которые передают атмосферу легкости и уюта. Фоновые изображения заменили на акварельные пятна, что придало сайту чистый и светлый вид. Каждый элемент был проработан так, чтобы визуально поддерживать концепцию гармонии.
Палитра и логотип для сайта
ТИПОГРАФИКА
В качестве акцидентного шрифта был выбран необычный шрифт SVERDLOVSK. В пару к нему - простой и удобный шрифт TildaSans
Акцидентный шрифт для сайта
РЕАЛИЗОВАНО
Сайт сочетает в себе наглядность, информативность и стиль. Он создан для того, чтобы облегчить взаимодействие клиента с психологом и бизнес-коучем, а также повысить интерес к услугам через визуальную составляющую и анимацию.
ИНФОГРАФИКА:
Уникальные графические элементы, которые визуализируют подходы, методы работы и результаты.
Инфографика помогает быстро понимать сложные концепции и облегчает восприятие информации.
АКВАРЕЛЬНЫЕ ИЛЛЮСТРАЦИИ:
Каждая карточка услуги и статья сопровождается тщательно подобранными акварельными иллюстрациями, что создает уютную и дружелюбную атмосферу.
Эти элементы помогают визуально выделить важные моменты и делают сайт более привлекательным.
АНИМАЦИЯ:
Анимированные элементы придают сайту динамичность и делают пользовательский опыт более интерактивным.
Анимация используется для привлечения внимания к ключевым блокам информации и улучшает восприятие.