Мультиязычный Сайт Агенства WP

Домен: heybro.agency

Дизайн: адаптивный (макет в формате pdf, чтобы его открыть достаточно иметь AI, или inDesign)

Языки: en/ru/ua 

Исходник(pdf): https://goo.gl/VqfpM5

Структура страницы:

• Шапка.
  • Навигация - лого(ссылка на Главную) и меню(6 ссылок на внутренние страницы). При скроллинге логотип уменьшается (см. макет), а “липкое” меню остается на фиксированном месте.
  • Элемент выбора языка
• Контент страницы (см.”Структуру сайта”)
• Футер.
  • дублируется меню и малый логотип
  • ссылки на страницы агенства в соц. сетях и контактные данные

Структура сайта(список страниц и их блоки контента):

1. Главная – она открывается при нажатии на логотип. Контент главной странице - это работы, разбитые на несколько блоков (медиа, дизайн и др. направления)

2. Work (Работы, Роботи). Каталог работ с фильтром по направлениям. Плитки в Каталоге - это ссылки на наши работы. При наведение фото увеличивается, как на сайте примере. При клике на плитку-работу, мы попадаем на соответствующую страницу этой работы

• Работа (типовая страница), где будет располагаться текстовый, а также фото или видео контент.

3. Clients (Клиенты, Клієнти). На этой странице располагаются лого наших клиентов. При наведении логотипы зумируются. Каждая плиточка кликабельна и ведет на страницу «Работы» с фильтром по соответствующему клиенту.

4. People (Люди, Люди). На данной странице мы видим блок-название агентства, состоящий из 6 кликабельных(*) букв. Каждая буква при наведении заменяется на фото и краткое описание сотрудника (краткий профиль) с кликаб. знаком «i», который при нажатии разворачивает полный профиль (увеличенное фото, полная инфа и линки на профили в соц. сетях сотрудника).

• Пример№2.
• (*) Заказчик указал только реакцию на наведение. Но реакция на клик на мой взгляд нужна. К примеру, на планшете пользователь пальцем кликнет по букве, а у нас сработает реакция наведения (не факт, что полностью) и обратно вернется к букве. Чтобы добраться до знака «i», нужно будет держать один палец наведенным, а второй тыкать в знак, что неюзабильно.
• В pdf-макете 4,5 и 6 страницы - это 3 состояния People (по-умолчанию, при наведении на букву и при клике на «i»)
• В будущем число сотрудников на этой странице будет расти, так что в админке нужно реализовать добавление новых блоков HEY BRO.

5. News (Новости, Новини). Каждая новость - это уже знакомая плитка, которая зумируется при наведении и открывает страницу новости при клике.

• Новость - это типовая страница, экземпляры которой (новости) будут создаваться в процессе обслуживания контент-менеджером и будут содержать комбинированный(текст, графика, мультимедия...) контент

6. About (О нас, Про нас) и 7. Contact (Контакты, Контакти) - это схожие страницы. Фото всей команды (см. About в макете) заменит карта офиса в Contact. Далее обновляемый текстовый и графический контент (параграфы и контакты; награды, дипломы, сертификаты и т.п.)

• примере№3