Дизайн и верстка главной страницы для honey-ukraine.com

Предоставленные ранее шаблоны:

Вид главной страницы:

У многих пользователей сейчас широкоформатные мониторы, и они будут видеть пустые места по бокам. Предлагаю изменить расположение элементов таким образом, чтобы они занимали большую часть экрана. Можно выбрать максимально возможные размеры экранов и зафиксировать их (https://www.w3schools.com/browsers/browsers_display.asp, например максимум 1920x1200). Нужно обсуждать это. Цель — оптимально предоставить информацию на экране.

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

Примеры:

Пример #1 Вариант расположения контакта по колонкам, можно скомпоновать с горизонтальным расположением.

Пример #2 — Вариант с изображенями в списке.

Пример #3 — Вариант с изображениями, горизонтальное расположение контента. Можно применить для некоторых блоков.

Пример #4 — Вариант без изображения, смотрится “бедновато”, но для некоторых блоков можно.

Пример #5 — Интересный вариант с большим изображением.

Пример #6 http://portal-meda.ru, неплохой пример новостного блока с последней новостью, можно сделать у нас срочную новость так.

• У каждого блока есть “приоритет”. Предлагаю обсудить, какие блоки наиболее важные и пользователь должен видеть их при входе на сайт в первую очередь:

1. Карта пчеловодов. На карте должны отображаться не все пользователи, а только пчеловоды. Может занимать всю линию. Примеры:   http://www.beeweb.co/ Может есть другие идеи как сделать?
2. Последние добавленные объявления. Должны быть одни из первых на странице, это основной функционал сайта. С иллюстрациями (миниатюры).
3. Новости, и можно закрепить одну новость как (Срочную). Срочной новости может и не быть, тогда этот блок отображается без нее. Можно сделать срочную новость отдельным блоком, как сейчас и есть, только там будет всегда одна новость. Но пространство не должно оставаться пустым, если срочной новости нет. Можно занимать это место следующим по важности блоком (смотри следующий пункт) 
4. Следующий по приоритету блок — “События”. Должны отображаться предстоящие события. Можно сделать один большой блок с новостями, событиями и * (назвать его “Актуально”, например) и в случае необходимости перемещать (если нужно убрать срочную новость, все элементы в этом блоке смещаются на один). События можно сделать без иллюстраций.
5. Статьи — последние добавленные статьи. В этом блоке лучше использовать иллюстрации. У каждой статьи обычно есть иллюстрация.
6. Опросы — следующий по приоритету блок. Последние добавленные опросы. Без иллюстраций.
7. Блоги. Последние блоги пользователей. С иллюстрациями.
8. Рейтинг пользователей.
9. Нужно подумать где будет реклама. Возможно ее нужно включить в блок “Актуально”. Нужно несколько блоков рекламы. Можно ею заполнять недостающие места. Для рекламы сразу нужно зафиксировать требования, чтобы потом рекламодателю присылать их. Нужно согласовать количество и места блоков рекламы. Она не должна быть навязчивой.

• Проработать меню, чтобы были видны все пункты, пусть оно показывается в две строки, если все элементы не помещаются. Нужно это обсудить.
• Переименовать кнопку "Купить в розницу" -> “Купить" (это будет поиск по каталогу, мокап уже есть) По сути, дубляж кнопки в меню, нужно подумать стоит ли. Но как купить и продать должно быть понятно сразу.
• Переименовать кнопку “Продать" -> "Создание нового объявления"
• Язык должен переключаться через drop-down меню без использования флагов
• Все названия и заголовки должны начинаться с прописной буквы и быть написанными строчными
• Нужно добавить ссылки/кнопки на соцсети
• Страница должна корректно отображаться на мобильных устройствах (телефоны/планшеты). Нужно подумать и проработать как.