Кейс: сайт-портфолио для копирайтера. Показываю процесс поиска нестандартной идеи

Задача

Разработать новый дизайн для существующего сайта-портфолио копирайтера и сверстать на Тильде.

Моя роль

Дизайн, юзабилити, верстка.

Инструменты

Figma, Tilda.

Наполнение

Фото предоставлены заказчиком. Тексты берутся со старого сайта.

Проблема

Существующий сайт не имеет единого стиля и не передает индивидуальности его владелицы.

Поиск решения

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

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

Были подобраны примеры дизайнов (референсы), которые могли бы подойти для сайта-портфолио, в количестве 20 штук.

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

По итогам созвона осталось пять референсов, понравившихся заказчице.

Исходя из оставшегося набора дизайнов, была подобрана палитра для будущего сайта.

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

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

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

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

Реализация идеи

После того как идея оформилась, она была реализована в виде дизайн-макета в Фигме.

Фрагменты макета смотрите в карусели:

Далее сайт был сверстан на Тильде, адаптирован под мобильные устройства и анимирован.

Посмотреть его можно по ссылке:

http://project3631254.tilda.ws/

Отзыв заказчицы

Вывод

Дизайн – это не рисование картинок, а целый процесс, состоящий из многих этапов. Благо, он достаточно гибок, чтобы подстроиться под индивидуальную задачу. Но при этом выверен и отработан, чтобы не допускать критических ошибок.

Хотите подобный дизайн?

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