Редизайн порталу ITSimulator
http://it-simulator.com/Перед нашою компанією було поставлено завдання зробити редизайн порталу для підготовки IT-фахівців. Сервіс містить розділ із книжками з розроблення Java-додатків, навчальні курси та модуль із тестами, за результатами проходження яких визначається рівень фахівця.
Проектування системи
Спільно із замовником ми вирішили не просто перемалювати сайт, а переосмислити методи розв'язання завдань, які використовувалися на проєкті. У центр уваги було поставлено зручність вивчення навчального матеріалу та взаємодію між учасниками.
Дизайн логотипу
Логотип проєкту потрібно було зробити впізнаваним. Він мав асоціюватися з освітою, навчанням, складанням тестів і корисними статтями. Ми прагнули відійти від банальних рішень і розробити простий логотип, що запам'ятовується. Результатом тривалого брейншторму став знак у вигляді шахових фігур. Він символізує розум, інтелектуальні зусилля, інтерактивність, взаємодію, гру як симуляцію справжньої битви. Крім того, у формі фігур читаються літери I T S.
Дизайн головної сторінки
Роботу над сайтом ми почали з прототипу та дизайну головної сторінки. Це не ключова сторінка проєкту, але саме її бачить людина, яка вперше відвідала сайт. Оскільки функціонал, доступний гостям, обмежений, ми повинні спонукати їх до реєстрації. Крім заклику до дії тут є інформація про основні розділи сайту.
Інтерфейс сайту
Ми розуміли, що в цьому проєкті користувацький інтерфейс має бути чистим, зрозумілим і логічним. Як хороший підручник, де важливе відразу помітно. Вибір гарнітури був продиктований вимогою до відмінної читабельності об'ємних текстів. Тому ми віддали перевагу шрифту Noto Sans від Google.
Статті
Перегляд статей має триколонкову структуру з назвою глав, вмістом глави і списком коментарів до статті. Таке рішення ефективно використовує корисний простір великих екранів, залишаючи при цьому широкі можливості для подальшої адаптації під мобільні пристрої.
Тести
Зареєстрований користувач може проходити заготовлені тести або скористатися конструктором для їх створення. Рейтинг тестів складається користувачами. Також на сайті є дошка пошани з найкращими результатами проходження тестів. По завершенню тестування користувач отримує сертифікат, де зафіксовано отриманий результат.
Текстовий редактор
Для створення і редагування статей було обрано сучасне рішення з простим і мінімалістичним редактором. Ідея полягала в тому, щоб змістити акцент з форматування статті на її зміст і одночасно уніфікувати відображення всіх статей на сайті.