![](https://cdn.cases.media/image/wide/3a8c48d1-9859-458f-a430-0164ec3898c2.png)
Обновленный сайт для Digital MAMA
![](https://cdn.cases.media/image/original/84fa5e22-8da3-4db7-86ec-6d273ad94c73.gif)
Задача
Если учесть, что дизайн сайта не менялся с 2012 года, нашей задачей было не просто сделать ресурс, соответствующий времени, а сохранить, улучшить и доработать подачу его визуально стиля.
Решение
Для начала мы определились с плюсами старой версии сайта. Нам понравилась система переходов между страницами, путем «перелетов» вправо, влево и вниз по полотну одной большой страницы. Мы сохранили эту навигацию и усилили ее визуально через плоскости брендового цвета. Тем самым создали UI/UX сайт с уникальным подходом.
Дизайн и функционал
С помощью четкой и масштабной геометрии в сочетании с крупными визуализациями и минималистичными композициями для удобного считывания информации, мы привели внешний вид сайта к его нынешней версии. Перераспределили элементы так, чтобы современному пользователю было удобно взаимодействовать с полезным пространством. Элементы для быстрого считывания имеют свои зоны, разделяя страницу на текстовую часть и изображения.
![](https://cdn.cases.media/image/wide/4dd42b6c-d632-4abf-88e5-d4614808459b.png)
Шрифты для сайта мы подбирали с учетом поддержки комфортного считывания при любом размере устройства. С этой же целью мы разработали мобильную версию сайта, которую удалось сделать максимально похожей на ее «десктоп»-собрата, но при этом корректно отображаемую на всех популярных мобильных девайсах.
![](https://cdn.cases.media/image/wide/40d59626-fe94-40d6-8078-e6b414092b73.png)
Поскольку у проекта Digital Mama уже был свой персонаж, мы решили усилить диджитальную составляющую бренда и разместили персонаж на экране телефона. Так мы символично обыграли название проекта и органично интегрировали иллюстрацию в сайт.
![](https://cdn.cases.media/image/wide/1926bc1f-698a-4a4a-a822-132bebfa19fe.png)
Все акцентные цвета сайта мы создали на основе дополнительных цветов графики проекта. Таким образом получилось избежать чистых белых цветов на фоне и сделать чтение сайта более комфортным для глаз. Мы также подчеркнули направленность проекта - изучение аудитории мам в диджитале. На сайте вы не найдете ни одного элемента с острыми углами. Все углы и края элементов, иллюстраций, форм заполнения и основной надписи Digital Mama скруглены, что в свою очередь передает мягкость и уют детства.
![](https://cdn.cases.media/image/original/527e31fa-d47f-4cef-ba3f-df98f4862165.gif)
Результат
Мы стремились сохранить и усилить уникальный способ переходов между страницами, и освежить сайт с помощью минимализма и по-новому расставленных акцентов.
В итоге получился простой и интуитивно понятный ресурс, соответствующий тенденциям современного креативного дизайна.
Посмотреть сайт DIGITAL MAMA: http://digitalmama.com.ua/