Креативный лонгрид
микропластик
Дизайн-концепция, верстка на Tilda
о проекте
Тема экологии давно мне близка, я занимаюсь сортировкой мусора уже 7 лет. Мне захотелось осветить какую-то глобальную экологическую проблему через творчество — так появился креативный лонгрид о современной проблеме микропластика.

Почему я выбрала именно эту тему? Темп жизни в современном мире очень высок, отсюда культ на быстрое питание и еду «на ходу». Наверное каждый третий начинает свой день с кофе в одноразовом стакане. Вы только представьте, какое это количество мусора ежедневно.
Помимо этого у данной ситуации есть еще одна сторона: мало, кто задумывается о вреде употребления горячего напитка
в таких одноразовых стаканчиках. При контакте с горячей жидкостью пластик может выделять опасные вещества
и распадается на микрочастицы. Этот распад происходит и в природе, когда на пластик воздействуют внешние факторы. Об этом я и рассказываю на своем сайте, а для наглядности как раз привожу в пример несчастный одноразовый стаканчик
Что было сделано в ходе работы над проектом
  • Изучение информации по теме, проработка структуры и написание текста;
  • Составление мудборда (настроение проекта) и подбор референсов;
  • Отрисовка дизайн-концепции;
  • Верстка сайта на Tilda со всеми адаптивными разрешениями.
Подготовка изображений
Отдельное внимание уделялось обработке изображений. Для этого использовался плагин Dither, который добавил эффект зернистости, показывая микрочастички
Дизайн-концепция
Проект строится на работе с типографикой и большом количестве изображений для демонстрации проблемы. Расскажу о приемах, которые были задействованы:

  1. Основной цвет — синий, как символ глубины. Чтобы еще больше проникнуться в суть проблемы, уже на главном экране делаю переход от светло-голубого к синему
и с каждым блоком синий становится более темным, как бы погружая нас в проблему все глубже и глубже.
Только к концу сайта оттенок становится светлее и мы видим выход из этого
  2. Использовала большое количество пластиковых текстур, чтобы возникали неприятные ощущения от увиденного
  3. Текст контента выровнен по ширине,
как будто это статья из учебника или методички. Сочетание крупного и мелкого текста — как частицы разного размера
  4. Используется прием рассыпания на части. Было не просто раздробить бутылку на 30 частей и заставить их разлететься, но на что только не пойдешь ради идеи :)
  5. Также применила, так называемый, прием «Kynetic Typography», когда слова распадаются на буквы.
Анимация
На сайте используется много анимации, иллюстрирующей повествование. На примере кофейного стакана я показываю, как распространяются частицы микропластика — сначала они попадают внутрь человека после контакта пластиковой крышки и горячего напитка, затем стакан оказывается в окружающей среде и после разложения мелкие частицы попадают в почву и воду, где они встречаются с животными и растениями, а потом снова возвращаются на стол человека. Некий круговорот микропластика в природе
Позитивный конец
Нагнетая обстановку на протяжении всего сайта заканчиваю повествование на позитивной ноте, где есть надежда предотвратить глобальную катастрофу (фон сайта снова постепенно светлеет). Очень нравится моя идея в подвале сайта — сердце в виде планеты Земля (изображение сгенерировано в нейросети). Когда мы пролистываем сайт до конца, то видим осколки планеты, но потом они соединяются и сердце вновь начинает биться. Надежда есть, если как можно больше людей осознает проблему. Берегите себя и планету!♥
итог
Я подала этот сайт на престижные международные дизайнерские конкурсы и получила 5 наград: Honorable Mention на Awwwards и Special Kudos + UX, UI и Innovation на CSSDA
Made on
Tilda