Задача №3

Произвести технологическую HMTL-верстку всех разработанных интерфейсов

Задача №2

Разработать креативную концепцию портала и дизайн интерфейсов

Задача №1

Разработать информационную архитектуру и функциональную модель портала

Проектирование

В ходе аудита предыдущей версии сайта Университета был выявлен ряд недочетов в цветовом и логическом построении. Дизайн на тот момент морально устарел и не соответствовал задачам портала

 

В ходе проектирования мы провели более 10 интервью с представителями университета и различных институтов УрФУ

Проектируем карту портала

Информационная структура — важное звено всего проекта. Карте портала мы уделили особое внимание. Нижеприведённая схема отображает структуру всего проекта, организацию потоков информации.

Спроектировали систему ключевых виджетов для наиболее важных разделов

С помощью виджетов есть возможность быстро создавать страницы с уникальной структурой и наполнением. Сайт быстро наполняется свежей информацией с учетом задач конкретного раздела и сохранением органичности дизайна.

Система виджетов

Каждая страница — это набор виджетов. При наполнении разнообразным контентом, информация автоматически актуализируется в тех разделах, где размещен тот или иной виджет.

  • Мероприятия
  • Новости
  • Фотогалерея
  • Шапка модульного сайта
  • Навигация
  • Промо-блоки
  • Текстовый блок
  • Задать вопрос

Виджет «Мероприятия»

Мероприятия

Виджет «Новости»

Новости

Виджет «Фотогалерея»

Фотогалерея

Виджет «Шапка модульного сайта»

Шапка модульного сайта

Виджет «Навигация»

Навигация

Виджет «Промо-блоки»

Промо-блоки

Виджет «Текстовый блок»

Текстовый блок

Виджет «Задать вопрос»

Задать вопрос

Настройка виджетов

Выбираем оптимальный размер виджета, встраивая его в единый стиль страницы.

Формирование страниц из виджетов

Размещаем необходимые виджеты и выбираем их оптимальное исполнение. В результате формируется страница в содержании которой правильно расставлены акценты. Важное — крупнее и выше, сопутствующее — компактнее и на второй план.

Концепция разработки собственных виджетов

Заранее в информационной модели мы предусмотрели возможность создавать новые виджеты своими силами или с привлечением сторонних разработчиков.

Предпроектное исследование и защита модели нового сайта

Дизайн

Главная страница

Современная, яркая, структурированная! Важная информация и ключевые сервисы на виду. Здесь посетитель впервые знакомится с порталом и начинает поиск необходимой для себя информации.

Отключить подсказки
before

Превью мероприятий может содержать видео, фото и просто текст.

Быстрый тур. Показывает содержание каждого раздела. Название, некоторое описание, ссылки на внутренние разделы.

Точка входа в личный кабинет. На всех сайтах институтов шапка должна быть одинаковая, точка входа единая. Единый кабинет для всех сервисов.

Подгружаем еще одну строку новостей или мероприятий.

Фильтр новостей и мероприятий позволяет отсеять по аудиториям или интересам пользователей и быстро найти нужную новость.

Промо-блоки

Система показа новостей на главной странице УРФУ, основанная на рейтинге популярности и цитируемости. Рейтинг новости высчитывается на основе общих показателей и является правдивым отражением интереса со стороны пользователей.

after

Больше событий и новостей одним кликом

Работает без перезагрузки страницы. Все просто — нажимаем и смотрим

Фильтрация новостей и событий

При нажатии на список мы можем отсортировать информацию по типу и предназначению

Быстрый тур

Специальный раздел на сайте, который даёт пользователю быстрый доступ к наиболее востребованным разделам.

Раздел поделен на 8 слайдов, которые помогают в быстро получить интересующую информацию

Внутренняя страница

before

16 институтов на портале УрФУ — единый стиль и уникальность каждого

Специально для УрФУ мы разработали пример цветного брендирования различных институтов УрФУ в рамках единого портала.

Отключить подсказки

Цвета плашек брендируются под корпоративные цвета институтов.

Навигационное меню показывает где находится сайт подразделения в общей навигационной структуре портала.

before

Календарь мероприятий

Специально для УрФУ был придуман нативный календарь. Данная конструкция обладает хорошей наглядностью и понятна каждому. Дни мероприятий отмечены изображением, что сразу формирует ожидание о предстоящем событии.
Посмотреть на сайте

Все интерфейсы по проекту

В общей сложности нами было разработано 182 интерфейса

Интерфейсы адаптации сайта под мобильные устройства

Смартфон
Планшет
Навигация в мобильной версии такая же удобная как и в полноразмерной версии.
Мобильная версия адаптируется под экраны всех современных смартфонов, что позволяет пользователю комфортно изучать сайт с любых устройств.

Интерфейсы адаптации сайта под мобильные устройства

Смартфон
Планшет
Контент основной версии сайта полностью сохранён, как и логика подачи информации.
Простые переходы между разделами портала. Всё для того, чтобы пользователь не заблудился.
  1. 1
  2. 2

Галерея интерфейсов

Посмотрите подборку самых интересных интерфейсов проекта

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6

Понравилась работа - расскажите друзьям!

www.urfu.ru

Спасибо за внимание!

Оставьте заявку, чтобы начать сотрудничество
*
*
*
*
* Соглашение на обработку данных

Заявка на разработку

Мы свяжемся с Вами в самое ближайшее время.

Вы можете перейти на главную или посмотреть
другие работы в портфолио

Адеев Николай
Борт №1
Коммерческая разработка
Напишите нам, и в скором времени мы свяжемся с вами и с удовольствием ответим на ваши вопросы.
Предыдущая работа
Все проекты
Следующая работа

ул. Малышева 71, 6 этаж

Электронная почта: info@artsofte.ru

Телефоны:

+7 (343) 236–63–64

+7 (499) 641–15–96

© 2023 ООО «Акоммерс»

Награды и благодарности
SlideShare
Заявка на разработку
IT компания Artsofte

Соглашение на обработку данных

Предоставляя в Artsofte™ (ООО «Акоммерс» (ОГРН 1126670019189, ИНН 6670380574)) настоящую заявку, я в соответствии с требованиями ФЗ №152-ФЗ «О персональных данных», даю безусловное согласие на обработку персональных данных, указанных мною, включая, но, не ограничиваясь сбором, систематизацией, накоплением, хранением, уточнением (обновлением, изменением), использованием, распространением (в том числе передачу), обезличиванием, блокированием, уничтожением персональных данных, а также передачей третьим лицам, в целях принятия Artsofte™ решения об установлении со мной договорных отношений.

Обработка моих персональных данных может осуществляться любым способом на усмотрение Artsofte™.

Настоящее согласие действует бессрочно и может быть отозвано путем предъявления в Artsofte™ письменного сообщения. В случае получения моего письменного заявления об отзыве настоящего согласия на обработку персональных данных, Artsofte™ обязуется прекратить их обработку в течение периода времени, необходимого для выполнения обязательств сторонами.

ВНИМАНИЕ! Вводимая Вами информация передается в зашифрованном виде

Оставьте заявку, чтобы начать сотрудничество
*
*
*
*
* Соглашение на обработку данных

Заявка на разработку

Мы свяжемся с Вами в самое ближайшее время.

Вы можете перейти на главную или посмотреть
другие работы в портфолио

Адеев Николай
Борт №1
Коммерческая разработка
Напишите нам, и в скором времени мы свяжемся с вами и с удовольствием ответим на ваши вопросы.
Artsofte
  • КОМПЕТЕНЦИИ
RU
  • EN
  • О компании
  • Карьера
  • Новости
  • Координаты
  • ПОРТФОЛИО
  • Банковские технологии
  • Телекомы
  • Мобильная разработка
  • Коммерческая разработка
  • Поисковая оптимизация
  • Digital-маркетинг
Все компетенции
  • Главная
  • Портфолио
  • Архив
    • Для банков
    • Для телекомов
    • Для авиакомпаний
    • Продвижение
  • Дизайн, вёрстка, информационная модель
Artsofte