Оглавление

Общее описание проекта 2

Состав и содержание работ 3

Структура сайта 4

Юзабилити 4

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

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

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

Страница Подробней 14

Страница Ошибки 404 21

Страницы Вход, Регистрация, Подать объявление 26

Страницы Личного кабинета 27

Тестирование 54

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

Используемые технологии и языки программирования 55

Сервер 55

Общее описание проекта

1. Идея сайта

Сайт будет являться доской объявления для пользователей с целью продаж кошек различных пород по всей России, а так же для возможности передать животное в хорошие руки, найти для него дом. На сайте должна быть реализована возможность просмотра каталога с возможностью подбора по породам. В объявлениях будут указаны контактные данные пользователя разместившего его. Процесс купли-продажи должен происходить без участия владельцев сайта. На сайте должны быть реализованы платные услуги для VIP-размещения объявления, и возможность поднимать объявление в поисковой выдаче. Для уменьшения показателя отказов можно сделать небольшого анимированного кота постоянно перемещающегося вслед за курсором. Так же на сайте должны быть кнопки социальных сетей с ссылками на виральный контент, такой как игры и группа с видео о смешных кошках.

2. Деятельность компании

Компания занимается тем, что помогает пользователям своих услуг найти потенциальных покупателей кошек.

3. Задачи сайта

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

4. Целевая аудитория сайта

Розничные покупатели. Дети, школьники и их родители, пенсионеры.

5. Ширина экрана для отображения сайта

Сайт должен правильно отображаться при ширине экрана из приведенных ниже:

320 px — Мобильные устройства (портретная ориентация)

480 px — Мобильные устройства (альбомная ориентация)

600 px — Небольшие планшеты (портретная ориентация)

800 px — Небольшие планшеты (альбомная ориентация)

768 px — Планшеты уровня Apple IPad 2-3, mini (портретная ориентация)

1024 px — Планшеты уровня Apple IPad 2-3, mini (альбомная ориентация)/Нетбуки

1280 px и более — PC

Состав и содержание работ

1. Очередность работ

• Встреча с потенциальным Заказчиком. Заполнение "Брифа", обсуждение проекта, консультирование.

• Подготовка проектной документации (Технического Задания, тайминга, сметы на проект, прототипирование), согласование Технического Задания с Заказчиком.

• предложение коммерческого предложения клиенту.

• подписание договора и приложений.

• Скетчи.

• Дизайн.

• неадаптивная вёрстка.

• программинг с использованием бесплатной или недорогой CMS.

• QA.

• юзабилити-тестирование.

2. Порядок производства работ

Взаимодействие между Заказчиком и  Разработчиком ведется по e-mail или телефону.

Раз в неделю (по пятницам) Разработчик присылает по e-mail отчет о проделанной работе.

3. Плановые сроки начала и окончания работ

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

Структура сайта