fbpx

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

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

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

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

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

ЕТАП 1: КАРТА САЙТУ

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

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

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

ЕТАП 2: ПРОТОТИПУВАННЯ

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

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

что такое lsi-копирайтинг

ЕТАП 3: КОЛІР І ШРИФТ

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

что такое lsi-копирайтинг

ЕТАП 4: UI-KIT GWARA MEDIA

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

что такое lsi-копирайтинг

ЕТАП 5: ВЕБ-ДИЗАЙН І РОЗРОБКА (DESKTOP & MOBILE)

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

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

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