Кейс: сайт-портфолио для копирайтера. Показываю процесс поиска нестандартной идеи
Задача
Разработать новый дизайн для существующего сайта-портфолио копирайтера и сверстать на Тильде.
Моя роль
Дизайн, юзабилити, верстка.
Инструменты
Figma, Tilda.
Наполнение
Фото предоставлены заказчиком. Тексты берутся со старого сайта.
Проблема
Существующий сайт не имеет единого стиля и не передает индивидуальности его владелицы.
Поиск решения
Владелица сайта, копирайтер по специализации, — яркая, неординарная личность. При этом ее профессия подразумевает ответственный подход и предсказуемый результат. Как совместить яркость и стабильность, долю эксцентричности и серьезность в одном сайте? Как передать противоположные эмоции и при этом вызвать доверие у посетителей?
Первым делом необходимо выяснить предпочтения заказчика по визуалу. Это позволит в дальнейшем избежать ненужных правок и потери времени.
Были подобраны примеры дизайнов (референсы), которые могли бы подойти для сайта-портфолио, в количестве 20 штук.
Потом состоялся созвон с демонстрацией экрана, в ходе которого обсуждались композиция, палитра, шрифты и прочие параметры примеров.
По итогам созвона осталось пять референсов, понравившихся заказчице.
Исходя из оставшегося набора дизайнов, была подобрана палитра для будущего сайта.
Цвета достаточно яркие, чтобы передать своеобразность и женственность личности. Но не кислотные, чтобы не создалось впечатления легкомысленности.
Кроме того была выбрана симметричная, плиточная, «устойчивая» композиция, для передачи серьезности и надежности копирайтера, как специалиста.
Для символичной передачи специфики работы копирайтера шрифты были подобраны современные, но с претензией на академичность и книжность. А их утонченность еще раз подчеркнет тот факт, что копирайтер – интересная женщина.
А для того чтобы снять напряжение первого контакта и разрядить атмосферу было решено добавить небольшие элементы, как бы нарисованные от руки. Что тоже подчеркивает тему написания текстов.
Реализация идеи
После того как идея оформилась, она была реализована в виде дизайн-макета в Фигме.
Фрагменты макета смотрите в карусели:
Далее сайт был сверстан на Тильде, адаптирован под мобильные устройства и анимирован.
Посмотреть его можно по ссылке:
http://project3631254.tilda.ws/
Отзыв заказчицы
Вывод
Дизайн – это не рисование картинок, а целый процесс, состоящий из многих этапов. Благо, он достаточно гибок, чтобы подстроиться под индивидуальную задачу. Но при этом выверен и отработан, чтобы не допускать критических ошибок.