Курсы фотографии

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

Ключевые элементы структуры на этом этапе были уже готовы, оставалось сделать удобную навигацию между курсами. Сделали вот такое решение.

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

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

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

Проект утвердили в серо-синей цветовой гамме. Сделали остальные страницы сайта в этой концепции. Страница выбранного курса получилась вот такой:

Общая разводящая страница получилась вот такой:

Понравился проект? Хотите такой же?

Contact us.