Мой путь создания лонгрида

Приветствую тебя, дорогой читатель! Для начала разберемся с понятиями и будем обращаться к ним по мере необходимости.

Лонгрид — это сайт, который подробно рассказывает какую-либо историю, дополняя её фотографиями, комментариями, видеороликами и инфографикой. Основа лонгрида — полное раскрытие темы и погружение читателя в атмосферу истории. Цель лонгрида — познакомить читателя с историей и поддерживать его интерес на протяжении всей статьи. Дословно с английского long read переводится как «долгое чтение».

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

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

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

Чтобы найти вдохновение, я собрал референсы и мудборд, используя к такие сайты, как Pinterest, Freepik, Behance и Unsplash. Изначально у меня не было чёткого представления о том, как должен выглядеть лонгрид, но я хотел создать сайт, который погружал бы читателей в атмосферу Лондона, передавал его уникальность и настроение, позволяя им пройти через всю историю города от начала первого тысячелетия до обретения современного облика. С этой идеей я начал искать информацию в Интернете. На поиск референсов у меня ушло некоторое время, и это что позволило мне, как веб-дизайнеру, проникнуться проектом и вложить в него частичку своей души.

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

Дизайн дался мне не с первого раза. Во время разработки дизайна сайта я периодически возвращался к прототипу и референсам, а также вдохновлялся, просматривая другие работы, использовал различные сочетания шрифтов. Текстовые блоки требовали отдельной проработки, такой как размер шрифта и его расположение. Цветовой палитрой мне хотелось не отвлекать читателя от текста, а, наоборот, придать ему целостности и лаконичности. Для собранных мной фотографий потребовалась цветокоррекция, чтобы снизить их насыщенность и яркость и сделать более спокойными. Иконки и иллюстрации небольшие, но тоже важные элементы, которые помогают расставить акценты и упростить навигацию на сайте. Мне хотелось, чтобы читатель почувствовал атмосферу ламповости, уюта и комфортного чтения текста, основываясь на исторических фактах. Надеюсь, у меня это получилось.