Добавить в корзинуПозвонить
Найти в Дзене
Дима с Холмов

Редизайн молодежного портала

Все началось единовременно, даже так, идея обновления портала пришла ко мне именно в тоже время, что и желание прокачиваться в веб-дизайне. Мысли об обновлении портала поднимались неоднократно, но ценники, которые выставляли многие студии были непозволительны для бюджета организации. Так и пришла мысль о том, что, приложив немного усилий, почитав некоторую документацию можно самостоятельно создать портал с хорошей логикой и всеми современными плюшками. (Как же я тогда ошибался). Цель обновления портала? Давайте я расскажу немного о том, для кого этот портал и зачем его нужно было обновлять. На дворе заканчивался 2016 год, я работал в центре дополнительного образования детей и молодежи. У центра был сайт с 2008 когда, который открывался с телефона/планшета в непонятном размере, не адаптировался и вообще мало что мог делать без «pinch to zoom», жеста которым мы увеличиваем фотографии на своем смартфоне. Я взял на себя реализацию целиком всего функционала сайта. Ну, вы поняли да? Всег
Оглавление

Все началось единовременно, даже так, идея обновления портала пришла ко мне именно в тоже время, что и желание прокачиваться в веб-дизайне. Мысли об обновлении портала поднимались неоднократно, но ценники, которые выставляли многие студии были непозволительны для бюджета организации. Так и пришла мысль о том, что, приложив немного усилий, почитав некоторую документацию можно самостоятельно создать портал с хорошей логикой и всеми современными плюшками. (Как же я тогда ошибался).

Цель обновления портала?

Давайте я расскажу немного о том, для кого этот портал и зачем его нужно было обновлять. На дворе заканчивался 2016 год, я работал в центре дополнительного образования детей и молодежи. У центра был сайт с 2008 когда, который открывался с телефона/планшета в непонятном размере, не адаптировался и вообще мало что мог делать без «pinch to zoom», жеста которым мы увеличиваем фотографии на своем смартфоне. Я взял на себя реализацию целиком всего функционала сайта. Ну, вы поняли да? Всего функционала.

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

Время шло, работа постепенно двигалась вперёд. Если говорить о сроках, то работать над порталом я начал примерно в феврале, после утверждения всех нюансов, а их было довольно много.

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

-2

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

-3

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

Поддержка

Во время работы над сайтом, друзья портала: студия-бренд дизайна Лайтшоп разработала новый визуальный стиль для сайта, который я конечно же использовал в новой версии сайта. Цвета, шрифты, элементы блоков. Всё это появилось благодаря этим ребятам.

-4

Разработка

Так как в первую очередь сайт был новостным, то я не стал изобретать велосипед и взял за основу платформу Wordpress, несмотря на то, что многие говорят о неповоротливости движка, он выполнял все нужные для сайта функции и даже больше, запас на будущее был точно гарантирован. В общем это все, что нужно знать для заказчика. Дальше ловкость рук и никакой магии, использовалось небольшое количество плагинов для оптимизации работы сайта. Конечно это не эксклюзивная платформа, написанная для этого сайта, но все работает как Швейцарские часы. Дизайн всех основных экранов был готов и оставалось только перенести это все на сайт. Благо, всё делалось на удобном для дизайнера плагине Visual Composer. Всё за пару рабочих дней было перенесено на хостинг и запущено в тестовом режиме, а дальше последовали тестирования и доработки.

Обучение

Следующий этап заключался в обучении главреда. Это самый «сложный» этап. Самый сложный он был по нескольким причинам. Первая — устоявшиеся навыки работы со старым сайтом. Всё что было на старом сайте, совершенно отличалось от нового, в плане администрирования. Как я выяснил это была самая болезненная причина для администраторов при модерировании портала.

Стандартная панель управления wordpess
Стандартная панель управления wordpess

Но благо, что все люди учатся и вникают в процессы, поэтому все обошлось. Вторая причина — это смена основного редактора работы с текстом на сайте. Всё было не привычно для добавления текста. Но и это мы побороли уже через пару недель добавления новостей. Огромным плюсом и минусом в новом портале является его модульность, что даёт администраторам волю фантазии. В будущем на портале должны появляться уникальные страницы под различные мероприятия. Со своей стилисткой и уникальным дизайном. Это круто, когда в молодежной политике происходит что-то новое, а если это ещё долетит до молодежи в нужное время и о мероприятии узнает сама молодежь, вот он успех!

Результат

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

В работе принимали участие: Команда творческой мастерской «ХОЛМЫ», Студия бренд-дизайна «Лайтшоп» и команда детско-юношеского центра.