1. На главной странице размещен основной каталог объявлений

Страница состоит из небольшой шапки, формы поиска, каталога и футера.

2. Карта сайта

Юзабилити

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

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

Чтобы узнать, насколько удобен сайт для пользователей, надо спросить об этом у них самих. Существуют онлайн-инструменты для юзабилити-тестирования. Они помогают выяснить, насколько продукт соответствует ожиданиям пользователей, и в то же время, экономят время и средства на проведение исследований.

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

Рекомендации по дизайну

1. Стилистическое решение

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

2. Цветовая гамма веб-сайта

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

3. Общие требования к текстовым шрифтам

Необходимо использовать широко распространённые шрифты, имеющиеся на компьютерах большинства пользователей Интернет.

Текст должен читаться без напряжения глаз.

4. Примеры текстов и изображений

На сайте в 90% случаев будут фото и тексы, размещенные пользователями.

Повторяющиеся элементы на всех страницах сайта

1. Шапка сайта

Шапка сайта состоит из трех элементов:

- Логотип компании

- Разворачивающееся меню «личный кабинет». Пункты: войти, зарегистрироваться, мои объявления, кошелек, настройки.

- Кнопка для подачи нового объявления.

Шапка имеет вид:

2. Подвал сайта

Подвал сайта содержит только текст с ссылками на пользовательское соглашение и оферту: © KOTAKUPI — сайт бесплатных объявлений. Все логотипы и торговые марки на сайте kotakupi.ru являются собственностью их владельцев. Использование сайта, в том числе подача объявлений, означает согласие с пользовательским соглашением. Оплачивая услуги на сайте, Вы принимаете оферту.

Главная страница

Теги <title> Продажа кошек и котят на kotakupi.ru </title>

1. Содержимое страницы

• Повторяющиеся элементы, такие как шапка, футер.

• Форма поиска кошек по городам и породе.

• Рекламный баннер.

• Основной каталог. Чуть правее VIP-объявления, под ними иконки социальных сетей и баннер с рекламой игры про кошек.

2. Модульная сетка главной страницы (1024)

3. Вариант модульной сетки при ширине экрана 320 пикселей (мобильные телефоны портретная ориентация)

4. Вариант модульной сетки при ширине экрана 480 пикселей (мобильные телефоны альбомная ориентация)

5. Вариант модульной сетки при ширине экрана 600 пикселей (небольшие планшеты портретная ориентация)

6. Вариант модульной сетки при ширине экрана 800 пикселей (небольшие планшеты альбомная ориентация)

7. Вариант модульной сетки при ширине экрана 768 пикселей (планшеты уровня Apple IPad 2-3, mini портретная ориентация)