Креативный лонгрид об опасном зеленом цвете
Зелень Шееле
О проекте
Креативный некоммерческий лонгрид о ядовитой, но очень популярной в 19 веке зеленой краске. Лонгрид разрабатывался в рамках наставничества Тани Стэп. Моей целью было проработать навыки сторителлинга в дизайне, управления вниманием, а также отразить все то, что я очень люблю — зеленый цвет и детективные истории :)
Идея
Однажды я наткнулась на интересную статью о реальной истории загадочных болезней с летальным исходом в Англии начала 19 века. Причиной оказалась зеленая краска, содержащая мышьяк, которой красили обои, вещи и самые разные предметы.
Мне пришла мысль показать эту историю на сайте по принципу детектива:
Мне пришла мысль показать эту историю на сайте по принципу детектива:
- завязка (в начале заинтриговать читателя загадкой)
- развитие (поиск «виновного» и первые теории)
- кульминация (триггерная анимация с мышами — раскрываем тайну)
- развязка — логический конец истории («преступник наказан» — книга с токсичной краской под замком
Эскиз
Так как это полностью творческий проект, подход к процессу был также творческим: вместо прототипа я сделала скетч будущего сайта.
Мудборд
Я вдохновлялась полотнами Караваджо, эстетикой древних книг и викторианской эпохи. Тёмные оттенки, загадочность, мистика и винтажные элементы.
Контент
Дизайн был собран из различных источников: готовых винтажных изображений со стоков, а также генераций в Midjourney. Портрет девочки, танцующие скелеты, мыши, руки с розами сгенерированы в нейросети. Сложностью было подружить между собой все дизайн-элементы так, чтобы они смотрелись гармонично.
Интерактив
Ввела элементы интерактива. Я вспомнила об игре Нэнси Дрю, где заходишь в комнату и нужно было найти подсказку, нажимая на разные предметы. Сгенерировала зеленую комнату в викторианском стиле, спрятала скелет в шкафу) и оставила подсказку, которая срабатывала при клике по триггеру.
Дизайн
Так как действие происходило в 19 веке за общий тон концепции беру винтажный стиль. Зеленая краска чаще всего использовалась при производстве обоев, поэтому в качестве фона всего сайта я использую паттерн обоев в стиле того времени. Общую концепцию расследования поддерживают небольшие записки-подсказки на протяжении сайта. Танцующие скелеты в зеленых нарядах — метафора фразы «пляска со смертью», именно так называли чрезмерное употребление зелени Шееле.
По ходу скролла обои тускнеют, подчеркивая идею запрета зеленой краски.
Обратная связь
Сайт получил огромный отклик от пользователей, и даже спустя год от реализации я получаю теплые слова в адрес проекта.
Награды
Сайт взял такие известные международные награды как: Сайт дня на CSS Design Awards, Honorable mention на Awwwards, а также был отмечен в международной подборке дизайна Muzli и галерее проектов Made on Tilda.