Дизайн сайта для Тобольского многопрофильного техникума
2025
Что было до
  • Клиент предоставил список всех необходимых страниц
  • Визуальная айдентика ПАО “СИБУР”
Структура сайта
Вводные данные
Отрисовка прототипов, составление главных визуальных элементов от которых отталкивались другие дизайнеры, отрисовка части экранов. Формирование UIKit
Моя роль
Создать корпоративный сайт, структуру и стиль которым в последствии будут пользоваться для создания сайтов всех образовательных учреждений сети.
Цель
Задачи
  • Выстроить понятную структуру сайта
  • Создать визуальный образ который был бы сопостовим по стилистике ПАО “СИБУР”
  • Создать визуальный характер сайта, на основе трендов и целевой аудитории.
  • 57 страниц
Тобольский многопрофильный техникум – Государственное автономное профессиональное образовательное учреждение Тюменской области, главным стратегическим партнером и спонсором которого является ПАО “СИБУР” - одна из крупнейших нефтегазохимических компаний России
  • Главным референсом является сайт компании Сибур.
  • На основании его был составлен UIKIT, а так же добавлены уникальные элементы чтобы выделить сайт и добавить уникальности.
  • Наброски основных шаблонов страниц: главная, раздел “Специальности”, страница “Поступающим”.
  • Фокус на функциональности и структуре: где будут фильтры, как будет работать поиск, как показывать расписание, контактную информацию.
  • Пользовательские потоки: например, поток “абитуриент → выбор специальности → подача заявления” через вайрфрейм.
  • После согласования структуры главных страниц были отрисованы остальные.
Отрисовка вайрфреймов
UI KIT
Главная страница
  • Сначала были отрисован Главный экран и блок Поступающим.
  • Остальные страницы отрисовывались по образу.
Отрисовка экранов
Меню desktop
Итог
В результате проведённой командной работы, было отрисовано порядка 500 экранов. Так же благодаря проработки структуры и создания вайрфреймов нам удалось заложить прочный фундамент для реализации яркого и масштабного проекта — современного сайта для Тобольского многопрофильного колледжа. Благодаря вниманию к потребностям разных аудиторий (абитуриентов, студентов, преподавателей и родителей) и выверенной информационной архитектуре сайт стал не просто площадкой с информацией, а удобным инструментом для взаимодействия с учебным заведением.

А так же продолжили сотрудничество и создали креативный проект для СИБУРа.
Made on
Tilda