zvet-zhizni.ru

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

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

Проектирование было выделено в отдельный этап. Делаем mindmap со структурой, чтобы не потерять страницы. Показываем связи между страницами. Реорганизуем имеющуюся структуру.

После этого приступаем к отрисовке интерактивных прототипов в UXPIN. В общей сложности мы отрисовали 29 прототипов, не считая варианты, которые не утвердили.

Дизайн

На этом этапе мы остановились надолго. Сначала ориентировались на референсы заказчика и предложили первые варианты дизайна, но они все не подошли.

В итоге пришлось менеджеру проекта браться за Фотошоп и вместе с Заказчиком в режиме реального времени рисовать главную страницу.

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

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

Внутренние страницы сайта

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

На сайте установлена интеграция с Яндекс Касса для перевода помощи на счет фонда и сделана адаптивная верстка.