Попередній Наступний

Редизайн порталу ITSimulator

http://it-simulator.com/

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

Проектування системи

Спільно із замовником ми вирішили не просто перемалювати сайт, а переосмислити методи розв'язання завдань, які використовувалися на проєкті. У центр уваги було поставлено зручність вивчення навчального матеріалу та взаємодію між учасниками.

Макет ITSimulator

Дизайн логотипу

Логотип проєкту потрібно було зробити впізнаваним. Він мав асоціюватися з освітою, навчанням, складанням тестів і корисними статтями. Ми прагнули відійти від банальних рішень і розробити простий логотип, що запам'ятовується. Результатом тривалого брейншторму став знак у вигляді шахових фігур. Він символізує розум, інтелектуальні зусилля, інтерактивність, взаємодію, гру як симуляцію справжньої битви. Крім того, у формі фігур читаються літери I T S.

Ідеї логотипа ITSimulator

Дизайн головної сторінки

Роботу над сайтом ми почали з прототипу та дизайну головної сторінки. Це не ключова сторінка проєкту, але саме її бачить людина, яка вперше відвідала сайт. Оскільки функціонал, доступний гостям, обмежений, ми повинні спонукати їх до реєстрації. Крім заклику до дії тут є інформація про основні розділи сайту.

Посадкова сторінка ITSimulator

Інтерфейс сайту

Ми розуміли, що в цьому проєкті користувацький інтерфейс має бути чистим, зрозумілим і логічним. Як хороший підручник, де важливе відразу помітно. Вибір гарнітури був продиктований вимогою до відмінної читабельності об'ємних текстів. Тому ми віддали перевагу шрифту Noto Sans від Google.

Статті

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

Статті ITSimulator

Тести

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

Тести ITSimulator

Текстовий редактор

Для створення і редагування статей було обрано сучасне рішення з простим і мінімалістичним редактором. Ідея полягала в тому, щоб змістити акцент з форматування статті на її зміст і одночасно уніфікувати відображення всіх статей на сайті.

Редактор ITSimulator

Над проектом працювали:

Наші проекти