Нещодавно світ побачив оновлений Education.ua. Шок від такої радісної події минув, можна ділитися подробицями процесу. Буде довго, але цікаво :)
Уявіть, перші думки та несміливі підходи до нового дизайну були аж 3 роки тому! І цілих 8 дизайнерів час від часу працювали над цією задачею.
Починати роботу завжди варто із запитання «Для чого?» Ми теж поставили собі це питання та швидко знайшли відповіді на нього :)
- Адаптивність. Точніше, її відсутність. Це найважливіший пункт. Адже близько 70% аудиторії нашого шановного Едуарда — користувачі мобільних пристроїв. Це справжні герої, бо зовсім не просто у сучасному інтернет-просторі користуватися неадаптивною версією сайту.
- Українськомовна версія сайту як усталена. Ну тут все зрозуміло.
- Покращення функціоналу. Зайве прибрати, важливе покращити. А ще якби нову версію PHP. Ой, тоді б генерація сторінок була швидшою та й розробникам приємніше.
- Застарілий дизайн. Він жив з нами з 2009 року, але настав час змін. До того ж клієнти сайту іноді самі звертали на це увагу та натякали на оновлення.
Тобто дизайн заради дизайну — це не про нас. Насамперед думаємо про зручність для користувачів.
Чому ж так довго? По-перше, між спробами були перерви. Час минав, тенденції дизайну змінювалися, а з ними й підходи. Градієнти витісняли різнобарвні картки, на сторінках сайту з’являлися світлини учнів й закладів. Треба було це переварити, обдумати, подивитися свіжим поглядом. Звичайно, кожний наступний підхід приносив покращення. А кожна наступна сторінка відкривала для нас нові питання і поле роботи.
По-друге, ми працювали над редизайном, не зупиняючи інших задач й звичних робочих процесів. Усі члени команди виконували свої повсякденні завдання, жоден проєкт не залишився без уваги. А іноді нам просто банально не вистачало людей, наприклад, програмістів. А поки компанія поповнювалася новими спеціалістами, команда дизайнерів і верстальників поволі працювала.
Увесь відділ дизайну був залучений до процесу. Ми малювали, обговорювали, намагалися відстояти свою думку, знову малювали. Спочатку в роботі було 3 сторінки: головна, результати пошуку та сторінка навчального закладу. Вони були фундаментом нового дизайну й покривали більшість важливих кейсів, бо багато сторінок сайту схожі між собою.
Коли ми зрозуміли, що нас влаштовує вигляд цих сторінок, настав час братися за весь сайт. Ми замовили у програмістів список усіх сторінок Education.ua, поділили їх між собою, визначили строки та вели облік виконаних робіт, щоб бачити прогрес. Кожен дизайнер отримав у роботу близько 20 сторінок.
Далі відбувався звичний процес обговорень і покращень, поки всі сторінки не досягли позначки «Готово» у документі. Приблизно місяць дизайнери працювали над Едуардом, не відволікаючись від чергувань, періодичних задач і навіть відпусток.
Увесь цей час верстальники Віка і Влад були для нас таким собі «телефоном довіри», де можна спитати найбезглуздіше, дізнатись, як буде жити новий дизайн у верстці, позбутися сумнівів. Дизайнерам дуже важливо консультуватися з верстальниками, щоб потім нам не переробляти, а їм не страждати від сміливих дизайнерських рішень. Віка та Влад потихеньку займалися версткою, дизайнери домальовували все, чого не вистачало. А тим часом у компанії з’явився програміст Коля, і ми на одну сходинку стали ближчими до редизайну.
Команда програмістів здійснила перехід Education.ua на PHP 7, Коля зробив низку задач, спрямованих на покращення функціоналу сайту, та прийняв естафету редизайну.
Загалом увесь процес, починаючи зі створення нового дизайну до релізу, тривав близько 8 місяців. Увесь цей час команді Продукту активно допомагали Супутники під керівництвом Олі. Дівчата тестували роботу сайту, пропонували покращення — це значно наблизило нас до фінішу.
Команда виконала всі поставлені завдання: сайтом зручніше користуватися на різних пристроях, він позбувся зайвого, став приємнішим візуально. Дякуємо кожному за цей редизайн! Ми пройшли разом великий шлях і досягли чудового результату. Як мінімум про це свідчать відгуки клієнтів Education.ua. А далі ще буде, бо завжди знайдеться, що покращити 😎