Задача: разработать продающий, уникальный, "чистый" дизайн Landing Page для образовательного проекта.
Шаблон должен быть универсальным (то есть применим ко всем имеющимся на нашем сайте онлайн-курсам и включать в себя статические (одинаковые для всех онлайн-курсов) и редактируемые (контент будет наполняться под каждый отдельно взятый курс) блоков.
Количество разворотов: 8-11 (в зависимости от того как будут визуально поданы блоки и их наполнение.
Дизайн страницы курса должен быть похож на лендинг с теми отличиями что:
- размещается на текущем (основном) сайте, а не на отдельных доменах
- должен сочетаться с общей стилистикой сайта, в том числе с футером и боковым меню
О нас: мы занимаемся онлайн-курсами в ИТ-сфере. Наш сайт:
smartme.university/ Дизайн страницы курса будем делать на примере одного из наших онлайн-курсов. Исходная страница на сайте
smartme.university/course... Остальные курсы по мере открытия будут доступны здесь
smartme.university/course... Исходный материал:
- Прототип с текстами и блоками ссылки ниже
- образец по стилистике ссылки ниже
- исходники по дизайну (лого) будут предоставлены после согласования
- цвета использованные на сайте
docs.google.com/document/... - шрифт Google Roboto
- иконки
fortawesome.github.io/Fon... Что мы хотим получить:
- крутой адаптивный лендинг для десктопа и мобайла, с учетом разного количества содержимого и размеров экранов. :)
- как шаблон нужно учесть использование различного наполнения т.е. разное количество блоков в экранах, разнообразить используемый арт и т.п.
- лендинг будет вписан вместо текущих страниц, т.е. при дизайне нужно учесть как будет все смотреться вместе с боковым меню и футером
- умеренное использование всяческих эффектов и анимаций удобная прокрутка, ховеры на активных элементах, параллакс
- цветовая гамма наша обязательно
- желательно использовать элементы и стили, как и в остальном дизайне
- базовое разрешение, под которое этот дизайн будет разрабатываться
- детальная информация по завершению размеры шрифта, отступы и т.п. это поможет нам при верстке (можно указать в psd)
- минимальные размеры изображений, которые будут использоваться.
Рабочие документы:.
1) ТЗ общие требования
docs.google.com/document/... 2) ТЗ (текст для блоков)
docs.google.com/document/... 3) ТЗ (наброски идей для оформления блоков)
docs.google.com/document/... 4) Примеры понравившихся дизайнов:
docs.google.com/document/...