Разработка официального сайта Михаила Петровича Карпенко

Заказчик Михаил Карпенко

Российский ученый, инженер, изобретатель, один из основателей электронного образования в России

Цель и задачи проекта

Цель

Разработать новый сайт для Михаила Петровича Карпенко

Задачи

  • Изучить существующий сайт
  • Собрать новый сайт с обновленным дизайном и новыми разделами

С чем работаем?

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

 

 

 

Собираем концепты

Первым шагом в разработке сайта стала разработка концепции нового сайта на примере пары-тройки блоков главной страницы. В новом сайте нужно было сделать более доступной навигацию, а также пересмотреть структуру блоков, сделав её более понятной. Требования ушли к дизайнерам — результатом работы стали 3 концепта, которые мы презентовали заказчику.

 

Концепт 1

Концепт 1

 

 

Концепт 2

Концепт 2

 

 

Концепт 3

Концепт 3

 

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

 

Главная страница + адаптив

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

 

Как только главная страница была готова целиком, мы перешли к процессу адаптации — теперь блоки, которые хорошо выглядят в десктопе стали хорошо выглядеть в планшетной и мобильной версии.

 

 

 

Разделы научной деятельности: статьи, монографии/учебные словари, цитаты

Для смыслового блока на главной «Научная деятельность» и его контента теперь стали доступны разделы, в которых аккумулирован контент.

Разделы с наградами, видео и изобретениями

Другие блоки на главной странице также обзавелись собственными разделами, в которых теперь можно было посмотреть весь контент смыслового блока

Сборка стайлгайда

В стайлгайде подготовили все состояния интерактивных элементов, чтобы в итоговом сайте присутствовала динамичность в интерфейсе.

В завершении мы заполнили сайт актуальным актуальным контентом и выложили на боевой домен.

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

Walnut Team
Начать проект