Розробка сайту для інтернет-видання «Gwara Media»

З одного боку – інтернет-видання, через яке можна глянути на креативну реальність. З іншого боку – креативна студія, яка допомагає молодим брендам яскраво подавати аудиторії.

Завдання проекту:

1. Розробка веб-сайту ЗМІ
2. Веб дизайн
3. Зв’язати Gwara Media зі спец-проектами на Tilda
4. Зв’язок із подкастами Gwara Media через Anchor

Мета проекту: створити нестандартну платформу для ЗМІ, яка приверне увагу громадськості та інвесторів.

Після детального заповнення брифу, збору інформації щодо проекту, постановки завдань та формування мети, ми розробили карту проекту. У ньому відображається структура основного порталу, а також суміжні проекти: креативна агенція, Gwara-мерч та книгарня шрифтом Брайля.

Веб-портал має основні розділи:

• Дивись – візуальний контент (галереї, інтерв’ю);
• Підкасти – аудіоконтент, реалізована інтеграція з ANchor;
• Читай – текстовий контент (статті, інтерв’ю, історії);
• Спец. проекти – заходи та акції за участю Gwara Media.

На основі структури з site map, ми розробили докладне Технічне Завдання (ТЗ), де детально пропрацювали структуру кожного розділу, підрозділу, сторінки, блоку, функціонального елемента. Складаючи прототип, ми візуалізували всі задуми з ТЗ, головні функціональні елементи та їхнє розташування. Розробили окремі стилі оформлення сторінок текстового, візуального, аудіо-контенту та спец. проектів.

Докладне ТЗ та прототип дозволило створити веб-сайт з унікальною, але водночас простою та зрозумілою структурою. Функціональні елементи залишились очевидними для користувачів, тому сайт приємний у використанні, що позитивно вплине на час, проведений користувачами на сторінках проекту.

Колір чудово відображає емоції, почуття та креативність. Тому Gwara Media не обмежує себе у  палітрі кольорів.

Функціонал, який був затверджений на етапі прототипування та написання ТЗ, був реалізований відповідно до брендового стилю Gwara Media, створеного спільно з Banda Agency. Наша спільна робота дозволила розробити UI-kit, який включає всі функціональні і візуальні елементи, з якими взаємодіють користувачі веб-сайту.

Як результат роботи ми отримали інтернет-ресурс з унікальним дизайном, структурою та функціоналом.

Наші рішення:

• Нескінченна стрічка – сторінки контенту не закінчуються на певному матеріалі. Проскролив першу публікацію під нею для користувача вже провантажився наступний матеріал, а URL автоматично і непомітно для користувача змінився на відповідний. Це значно підвищить час, проведений користувачем на сайті.
• Два сайд-бари – важливі елементи перелінкування та навігації по сайту. Перший показує користувачеві схожі матеріали, а другий є навігацією за контентом, який користувач переглядає в даний момент.
• Унікальна верстка – нестандартний дизайн та структура ресурсу спричинили креативні рішення і з боку команди розробки.
• Інтеграція з Tilda для зв’язку спец. та паралельних проектів з основним сайтом.
• Інтеграція з Anchor для прослуховування подкастів на Gwara Media.
• Відповідність останнім трендам веб-дизайну та розробки.
• Кропотлива робота над адаптивністю ресурсу під різні роздільні здатності екрану, мобільна версія.