Розробка сайту / Адаптив
2019

Створення сайту для білінгвальної мовної
школи TWINGLISH

Передісторія

«TWINglish» – білінгвальна мовна школа, авторська методика якої дозволяє не обирати між англійською та німецькою, а удосконалювати ці дві провідні мови світу.

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

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

Про проєкт

Співпраця з «TWINglish» почалася 2019 року, коли була необхідність створення нейму та логотипу бренду.

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

Проблеми

  1. Відсутність веб-ресурсу.
  2. Необхідність встановлення постійної комунікації з ЦА.
  3. Сайт має повно доносити інформацію та спонукати повернутися знову.

Послуги

  1. Створення прототипу
  2. Розробка візуального (UI) дизайну сайту
  3. Адаптивна верстка (UX) сайту
  4. Наповнення контентом

Рішення задачі клієнта

В основі назви «TWINglish» закладено значення: слова «to twinglish» – the process by which twins communicate with minimal speech, яке втілює ідею вільного розуміння з півслова носія англійської та німецької мови, а також миттєвого реагування.

Один з найважливіших прийомів створення ефективного сайту – це зручна навігація по сайту, яка дозволяє відвідувачу швидко знайти необхідну інформацію та спонукає повернутися. Зручна головна сторінка розроблена за принципом створення landing-page.

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

Дизайн сайту складає яскрава виразна палітра – від синіх до сяючих жовто-гарячих в поєднанні з ніжними напівпрозорими градієнтами на білому тлі. Використано сімейство шрифту Montserrat, підібране для відображення заголовків (ExtraBold), підзаголовків (Medium) та основного тексту (Light). Дані гарнітури використовуються різним кольором: акцентними синіми та червоними відтінками для зосередження уваги та чорним для простого тексту.

Розроблено унікальну систему знаків, які разом з поясненням описують суть проекту «TWINglish»: одночасне вивчення двох мов, підняття рівня мовної підготовки, поїздки закордон з навчальною метою, впровадження інноваційних технологій, отримання сертифікату після закінчення курсу і т.д.

Етапи роботи над проєктом

  1. Перший етап – прототипування, логічна структура сайту
  2. Другий етап – розробка візуального (UI) дизайну повної та мобільної версій
  3. Третій етап – верстка з тестуванням коректного функціоналу
  4. Четвертий етап – наповнення контентом
  5. П’ятий етап – передача доступів керування веб-сайтом клієнту

Результат

В результаті роботи над проєктом було створено онлайн-платформу для отримання інформації та підтримки зв’язку з цільовою аудиторією. Розроблено сайт-візитівку за принципом створення landing-page та додатковими внутрішніми сторінками новин, навчальних тестів, відео та контактів. Передбачено вікно меню, яке здійснює перехід до бажаних блоків головної сторінки: про нас, навчання закордоном, переваги, тести, ціни.

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

1 місяць

Фонд затраченого робочого часу

5 сторінок

Сайту розроблено в цілому

10 іконок

Знакової системи створено

Творча група

Маркетолог Дмитро Моргун
Арт-директор Олена Хохлова
Web-дизайнер Михайло Басов
Менеджер проєкту Юлія Гусленко
Менеджер проєкту Аліна Гончаренко

Інші проєкти

Безкоштовна консультація