Статті
Час зачинених дверей: про український бізнес на карантині
Як Hexagon Agency створювали сайт для соціального вебпроєкту
7 липень, 2020
Саша Поляков
Content Marketing Manager, Hexagon Agency

Hexagon Agency розповіли, як зробити сайт соціального вебпроєкту «не нудним, а поетичним» і про прийоми, які не дають гостям припинити скролити. Сайт створювався для документального вебпроєкту «Час зачинених дверей» про український бізнес на карантині.

Про проєкт «Час зачинених дверей»

Час зачинених дверей – це всеукраїнський документальний фотопроєкт The Gate Agency, присвячений реаліям, в яких опинився український бізнес під час пандемії COVID-19.  Проєкт розповідає 100 історій різних бізнесів: ресторанів, туристичних агенцій, заводів, приватних шкіл, юридичних компаній, спортивних центрів, екоферм, IT-компаній, тощо.

Героїв, власників бізнесів, зібрали з різних міст України — Києва, Дніпра, Львова, Одеси, Миколаєва, Кременчука, Івано-Франківська, Чернівців, Херсона та Чернігова. Вони поділились історіями створення своєї справи, емоціями та думками, з якими закривали двері на карантин, своїм баченням майбутнього та планами  виходу із карантинної кризи. Фото проєкту робили у звичному «середовищі існування» — прямо всередині зачинених офісів, закладів, цехів чи складів.

Сайт для проєкту розробляли Hexagon Agency.  Про концепцію та процес розробки сайту розповідає Саша Поляков, Content Marketing Manager агенції.

Концепт

Проєкт привернув увагу громадськості ще до запуску, оскільки торкається актуальної теми. Але цій темі була потрібна оболонка. Її ми й зробили.

Концепцію створювали, відштовхуючись від спостереження: соціальні вебпроєкти часто нудні, одноманітні й безхарактерні. Їх автори вважають, що ключове в них — це зміст. А нам було важливо пропрацювати посил — щоб непрості, але надихаючі історії, легко сприймалися гостями сайту.

За два місяці автори зібрали багато фото і текстових матеріалів про людей з бізнесами різних масштабів. Історії об’єднані однією проблемою, але жодна не схожа на іншу. Було важливо забезпечити користувачам такий досвід, який дозволить прочитати всі матеріали на одному диханні, без перешкод. Одразу зрозуміли, що потрібно проєкту — ефектність і відкритий інтерфейс з простою навігацією матеріалами сайту.

Шрифт

Slider image
Slider image
Slider image
Slider image

Всі фото: Hexagon Agency

Імена учасників проєкту написані шрифтом Soyuz Grotesk. Нам сподобались кириличні символи шрифта. Soyuz Grotesk — це така собі сучасна інтерпретація кириличної Helvetica, чарівна і водночас незграбна. Через це ми легко обрали Helvetica Neue Cyrillic для основного тексту та заголовків — рішення універсальне, але не стерильне.

Ми просто одержимі kleinschreibung — відмовою від великих літер, що було втілено в Soyuz Grotesk. Тут ще присутній й ідеологічний момент — шрифт, не лише робить набір більш раціональним, а й транслює ідею рівності та демократії.

Елементи інтерфейсу: карантинний таймер, зациклений скрол та фільтр

Ключовий елемент головної сторінки — таймер, що показує час від старту карантину (коли почалися нові правила). На тлі таймеру — круговий слайдер у вигляді циферблата. Коли користувач скролить список героїв і героїнь, ділення циферблату підсвічуються. Тобто інтерфейс відгукується на дії користувача. Головна сторінка має чотири режими: ранковий, денний, вечірній і нічний. Вони чергуються протягом доби.

 

Годинник — ядро концепції. Він розміщений на головній сторінці, а також  з’являється під час завантаження сторінок і елементів. Це символічна ідея бізнесу — кожна хвилина коштує грошей.

Головна сторінка — це верхівка айсберга. Якщо ж заглибишся, знайдеш кілька десятків антикризових історій. Тому нам потрібно було рішення, яке виконувало б функцію «не дати гостям сайту можливості зупинитися». Хоча звичний фільтр за містами та видами бізнесу ми теж продумали.

Ми з самого початку заклали рішення із зацикленим горизонтальним скролом. У процесі його було б важче додати. Зациклений скрол вирішив проблему пріоритетності першої двадцятки історій. Гості сайту, гортаючи в протилежну сторону, можуть прочитати історії, до яких зазвичай не доходять. До кінця зможуть дійти тільки найцікавіші користувачі — «нескінченний» скрол на сторінках історій показує матеріали один за іншим.

Ті, у кого немає часу на дослідження, але є інтерес до певного виду бізнесу чи окремого міста, в хедері сайту знайдуть кнопку фільтру. Тобто сайт проєкту дає можливість обрати між відкритим дослідженням і навігацією розділами за допомогою фільтра.

Ми керуємося принципом Efficient у кожному нашому проєкті. Тут він допоміг намітити конкретну мету, продумавши кожен крок, і влаштувати процес без невизначеностей ще на етапі створення. Це допомагає нам не витрачати ресурси даремно. Нам вдалося виконати роботу з мінімумом ітерацій, витративши всього 40 годин.

Метою було допомогти проєкту запам’ятатися суспільству не тільки своєю місією, але і подачею. Не нудною, а поетичною. Проєкт об’єднав творчих і заповзятливих людей і допоміг вирішити екзистенціальну дилему — здаватися чи не здаватися? Історії на сайті однозначно говорять — ніколи!

avatar
Саша Поляков
Content Marketing Manager, Hexagon Agency
Колонка

У нас є ще дещо для вас