Сделать сайт

Colibrity site, сайт на 2ух языках FR EN. Просмотр видео обязателен. Если есть несогласования между видео и этим документом, задавать вопросы. 

Main page - главное страница, c анимацией как тут https://locomotive.ca/en и как на примере, отправленном дизайнером. 

Показывает 6 сервисов. При нажатии на страницу, везде, кроме кнопок, переходит на страницу сервиса, на котором находимся. 

В хэдере кликабельный Логотип, который переводит на первую главную страницу. Кнопка меню и некоторые рубрики (в меню их больше, не все выведены в хэдер).

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

Внизу кнопки перехода с сервиса на сервис. Номер подстраницы и язык.

Меню 

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

Contacts - страница обратной связи ( при заполнение мы получаем меил )

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

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

Каждый проект состоит из от 1 до бесконечности блоков. Каждый блок привязан к фильтру. Проект состоит из множества блоков с разными фильрами. Когда клиент сортирует по фильтрам, показываются проекты, которые имеют блоки, привязанные к этим фильтрам. 

Например : мы сделали сайт и флаер для amazon. Он будет показывать во всех проектах по умолчанию при загрузке страницы, при выборе флаер и при выборе сайт. 

Фильтры добавляются через админку. Сначала в админке создаётся 6 главных сервисов. Далее создаются фильтры, каждый из которых должен быть привязан к одному из сервисов. Каждый блок в проекте обязан быть привязан к фильтру, привзяанному к сервису. Если это не сделано, проект на будет фильтроваться на главной странице сервисов. 

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

Projects внутренняя страница проекта

При входе на новую страницу проекта, привязанному к одному клиенту мы попадаем на сбор блоков.

В админке существуют шаблоны блоков, которые есть в макетах. Один и тот же шаблон может быть использован несколько раз на проекте. 

Каждый блок имеет, помимо своей структуры : 

1. Возможность добавить партнеров от 0 до 3. Если нет, то блок вообще не появляется. 

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

3. Каждый блок привязывается к одному фильтру. Он не отображается на внутренней странице проекта, а служит для сортировки проектов на общей страницы проектов. 

4. Название. Заполняется через админку.

Модели блоков : 

1. Название + текстовой параграф

2. Видео на всю страницу

3. Фотография на всю страницу

4. Одна фотография вверху и слайдер внизу. Фотографии показываются в тех размерах, в каких, в каких загружаются. Под каждой фотографии/видео может быть или не быть текст. 

5. Текст + 3 круга с процентами и подписями под ними. 

6. Сдайдер с фотографиями и видео по горизонтали.

7. Фотографии и видео по вертикали. 

8. Тескст + 4 данных+подписи к ним.

Blog - страница с блогом

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

Справа отображаются фильтры. Каждая статья может иметь несколько фильтров. Они не отображаются на самой статье, но помогают фильтровать на главной странице блога. 

Article - страница статьи 

Вверху всегда написано Blog. Эта также ссылка на общую страницу Блога.

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

Внизу показываются 2 другие статьи. 

About US

Страница о компнаии. Большой тескт, фотографии и видео. Под видео идёт описание, как на макете.

Далее верстка как на макете, в самом низу ссылка на страницу Карьера. 

Careers

Название поста

Описание 

Privacy Policy

Текстовая страница 

Page 404

Картинка и текст 

Главная общая страница сервисов 

Каждый сервис имеет свой цвет. Его можно увидеть на главной страницу. На странице сервисов при наведении мышкой на блок, курсор принимает цвет сервиса. При нажатии, мы переходи на страницу сервиса. Всё детально объяснено в видео. 

Страница под каждый сервис 

Страница принимает цвет сервиса. 

Вверху название и описание. Далее линия отделяет от последующих блоков. 

Сбоку комментарий директора компании. Слева тестовые блоки. 

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

Внизу ссылка на след. сервис.

FIGMA: https://www.figma.com/file/JdKRjYJIkZ0dg4YjwZ2xPVps/Colibrity?node-id=0%3A1

объяснение анимации на Главной - https://yadi.sk/i/Cb3sCDd7J-Q4xA как тут https://locomotive.ca/en

Админку сделать на WP