Техническое задание Описание разделов и структурная схема сайта Структура сайта




Скачать 101.3 Kb.
НазваниеТехническое задание Описание разделов и структурная схема сайта Структура сайта
Дата публикации04.05.2014
Размер101.3 Kb.
ТипТехническое задание
skachate.ru > Информатика > Техническое задание
Сайт компании «OneStepExpo»

техническое задание

  1. Описание разделов и структурная схема сайта


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


  1. О нас

    1. Компания, идея, миссия и тд

    2. Наша команда



    1. Награды


II. Услуги

  1. Услуги участникам выставок




    1. Строительство Эксклюзивных стендов

    2. Модульные стенды

    3. Индивидуальный менеджер проекта

    4. Аренда А-В оборудования

    5. Предоставление временного персонала на стенд

    6. Разработка и печать рекламных материалов

    7. Консультирование по таможенным правилам РФ, временное хранение тары и продукции

    8. Организация кейтеринга, бронирование ресторанов

    9. Организация встреч в аэропорту


  1. Услуги застройщикам стендов




    1. Индивидуальный менеджер проекта (представление интересов компании на территории РФ, работа от лица компании по согласованию строительства стендов)

    2. Прохождение аккредитации стенда, подготовка технических документов под ключ.

    3. Аренда выставочного оборудования

  1. Услуги организаторам выставки




    1. Комплексное создание концепции выставки под ключ

    2. Визуализация в 3д коллективной экспозиции или выставки целиком

    3. Индивидуальный менеджер по предоставлению технического сервиса экспонентов

    4. Создание монтажных схем стандартных стендов на основе заявок




  1. Портфолио

1.1 Эксклюзивные стенды

1.2 Модульные стенды

1.3 Выставочные экспозиции и др


  1. Новости

  2. Контакты



    1. Требования





  • Вёрстка должна соответствовать макетам на 100%.

  • Сайт будет иметь до 5 языков: Английский, Испанский, Немецкий, Итальянский, Французский. На данном этапе будет реализован Английский и Русский, с возможностью выбора других языков, перевод на которые будет позже. Сайт должен корректно отображаться на всех версиях айфон и коммуникаторов с полноценным интернетом, на всех разрешениях экранов ПС или лэптопов


Механика работы и особенности ключевых элементов
^ Иностранные языки:


  • При заходе на сайт с Английского айпи сайт автоматически загружается на анг. Языке. Если пользователь заходит с Испанского айпи, то загружается испанская версия сайта, если испанской версии нет, то автоматически загружается анг версия

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

  • При переключении на анг (как пример) язык значок меняется на анг.


^ Масштабирование сетки и элементов
При достижении окном браузера ширины 1680 пкс, ширина всех страниц изменяется с 940 на 1200, и все элементы (изображения, кнопки, размер кегля, отступы) увеличиваются пропорционально до соответствующего целого значения.

^ Сквозные элементы


  1. На всех страницах сайта логотип является ссылкой на главную страницу.

  2. При наведении кнопка меняет цвет, а при клике сверху вниз выезжают опции, стрелочка вниз в кнопке плавно разворачивается на 180 градусов вокруг своего центра (и указывает вверх). При наведении на одну из опций она меняет цвет, при клике все опции плавно возвращаются движением в обратную сторону, стрелка разворачивается обратно на 180 градусов

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

  4. Кнопки цвета #87d5d2 при наведении меняют цвет на #fc6863. Ссылки цвета #fc6863 при наведении подчеркиваются. Сылка в футере при наведении подчеркивается, не меняя цвет. Цвет выделения текста: #87d5d2.

  5. Модуль сетки — 25 пкс. Все отступы, а также высоты кнопок равны кратным числам 25: 50, 75, 100, 125 и 150. Исключение — ширина кнопок, красное подчеркивание заголовков, изображения в “Портфолио”. ВСЕ размеры делать в соответствии с макетами.

  6. При наведении все “стрелки” в кнопках плавно прокручиваются на 360 градусов вокруг своего центра.



^ Сокращение верхней и нижней панели
На всех страницах кроме страницы “Контакты”, где объем содержимого по высоте превышает высоту экрана, при промотке объекты верхней панели и нижней навигации уменьшаются, а футер исчезает вообще. Также, в нижней навигации справа появляется кнопка со стрелкой, указывающей “наверх”. При клике на кнопку “наверх” весь контент плавно проматывается до исходной позиции, верхняя и нижняя панель становятся нормального размера.
Уменьшение объектов должно происходить плавно (по аналогии с сокращением левого блока на странице: http://www.wacom.com/en/us/). В верхней части страницы располагается полупрозрачная белая маска, под которую попадает весь контент, достигший соответствующей высоты, при этом заголовок h1, достигнув позиции в соответствии с макетом, располагается над этой маской, см. файлы osx_services_organizers_scroll, osx_services_organizers_scroll_more, osx_services_organizers_scroll_and_more.

^ Уникальные особенности разделов


  1. Наши клиенты. При наведении на логотип компании он меняет цвет. При клике раскрывается проект для этой компании в разделе “Портфолио”.

  2. Обратная связь. После выборе файла для загрузки в этом же поле отображается статус загрузки, когда файл загружен полностью, в поле появляется сообщение вида: Вы успешно загрузили image.jpg. После нажатия кнопки “Отправить” появляется сообщение, см. файл osx_contact_form_message.

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

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

  5. Портфолио. При наведении на изображение оно становится светлее. При клике ряды разъезжаются и плавно появляется увеличенное изображение, заголовок и описание проекта. При наведении на крестик он прокручивается на 360 градусов вокруг центра, при клике блоки плавно сдвигаются обратно до исходного положения. При клике на кнопку “Сортировка” вместо одного из изображений плавно появляется блок с элементами фильтра, которые работают по принципу чекбоксов.


^ Общая структура разделов


О нас


Страница содержит следующие элементы:

  • Заголовок и подзаголовки страницы

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

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




Компания, идея, миссия и тд

Наша команда


Награды

Структура:

  • Слева изображение

  • Справа наверху заголовок

  • Ниже заголовка текст

Услуги




  1. Услуги участникам выставок




    1. Строительство Эксклюзивных стендов

    2. Модульные стенды

    3. Индивидуальный менеджер проекта

    4. Аренда А-В оборудования

    5. Предоставление временного персонала на стенд

    6. Разработка и печать рекламных материалов

    7. Консультирование по таможенным правилам РФ, временное хранение тары и продукции

    8. Организация кейтеринга, бронирование ресторанов

    9. Организация встреч в аэропорту




страница содержит следующие элементы:

  • Заголовок и подзаголовки страницы

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

  • К каждому подразделу необходимо заложить возможность добавления перехожа на самостоятельную страницу по теме подраздела с более детальной информацией, с кнопкой возврата обратно. Необходимо редактор для работы с таблицами

  • В разделе 1.2 необходимо заложить возможность создания калькулятора, вида (при необходимости отображать его на странице или отключать), таких таблиц с авто подсчетом может быть несколько,




Наименование

Колво

цена

итого

Стул

1

500

500

Итого по стенду:


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

Пользователь может редактировать ячейки – кол-во, после чего автоматически считается сумма в евро.



  1. Услуги застройщикам стендов




    1. Индивидуальный менеджер проекта (представление интересов компании на территории РФ, работа от лица компании по согласованию строительства стендов)

    2. Прохождение аккредитации стенда, подготовка технических документов под ключ.

    3. Аренда выставочного оборудования




страница содержит следующие элементы:

  • Заголовок и подзаголовки страницы

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

  • К каждому подразделу необходимо заложить возможность добавления перехода на самостоятельную страницу по теме подраздела с более детальной информацией, с кнопкой возврата обратно.

  • Необходим редактор для работы с таблицами




  1. Услуги организаторам выставки




    1. Комплексное создание концепции выставки под ключ

    2. Визуализация в 3д коллективной экспозиции или выставки целиком

    3. Индивидуальный менеджер по предоставлению технического сервиса экспонентов

Создание монтажных схем стандартных стендов на основе заявок






  1. Портфолио

III.1 Эксклюзивные стенды

III.2 Модульные стенды

III.3 Выставочные экспозиции и др


Согласно макетам

  1. Новости




Страница содержит следующие элементы:



  • Заголовок страницы




  • Список новостей, содержащий следующие элементы:

    • Заголовок новости

    • Сверху изображение

    • Внизу новости дата формата: Число Месяц тестом Год (последние 2 цифры)

    • Новости располагаются сверху (последние новости) вниз (более старые)

    • Все новости должны автоматически дублироваться в группу в FB



  1. Контакты




^ Согласно макетам
Обратная связь должна иметь защиту от ботов и проверку на правильность и полноту ввода данных
В форме необходимо заложить загрузку файла на сайт со статусом и подтверждением загрузки, файлов может быть несколько, разных форматов.
По факту отправления запроса через форму обратной связи на указанный, через админ панель email приходит письмо с текстом, который был заполнен в форме обратной связи, также пользователь получает инф письмо на почту с текстом: Ваш запрос обрабатывается, в ближайшее время вы получите ответ по эл. почте или менеджер свяжется с вами по указанному номеру телефона


^ Работа в режиме администрирования сайта:
Управление в режиме администратора должно быть простым и интуитивным.

Необходимо реализовать добавление новых разделов и подразделов через удобную функцию без написания кода или изм кода сайта, через кнопку.
Добавление новостей осуществляется также через простую и понятную функцию одним действием, функционально должно быть реализовано дублирование новостей в группу в ФБ (с возможностью отключения данной функции для конкретной новости)
Добавление фотографий в раздел портфолио должно быть через кнопку, без дополнительных действий. Вывод фотографий осуществляется по порядку, порядок необходимо указывать при заведении фотографии, если порядок вывода не указывается, то вывод фотографий сортируется автоматически по дате.
Раздел Наши клиенты - добавление Логотипов, необходимо заложить возможность упорядоченного вывода логотипов на странице также как и в разделе портфолио.
Добавление наград и благодарственных писем, также через кнопку с возможностью сортировки (порядок вывода), изображение автоматически подгоняется под размер который сделан в дизайн-макете.
Важно: В подразделы раздела УСЛУГИ должна быть возможность размещение кнопки (с ред тестом) которая будет переводить на новую страницу с детальной инф по подразедлу, кол-во кнопок не ограничено, добавление через адм. Панель, одной кнопкой. Страницу куда перехода стандартного образца.
Внешний вид реализации данной функции требует доп согласование с дизайнером.
Специальная форма на главной странице сайта через кнопку НАЧАТЬ:
Необходимо заложить возможность добавления новых подразделов, изменение название кнопок, текстовой информации, необходимо вставить текстовый редактор
Дизайн кнопок стандартный, см макет страницы
ВАЖНО: После заполнения раздела “О нас”, Сергей нарисует инфографику на основе текста и необходимо будет сверстать эту страницу.

Похожие:

Техническое задание Описание разделов и структурная схема сайта Структура сайта iconТехническое задание на разработку сайта. Постановка задачи
По предоставленным макетам дизайна главной и внутренних страниц сверстать шаблоны страниц сайта. Разработать движок и закрытую административную...
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconТехническое задание сайта
Сайта. В техническом задании описаны назначение Сайта, цели, задачи и основные этапы Проекта, требования к функционалу, структуре,...
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconТехническое задание на разработку сайта интернет-магазина цветов
Разработка концепции сайта, информационное проектирование, оформление Технического задания
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconТехническое задание на разработку Сайта-визитки компании
Общие сведения Данный документ является техническим заданием на разработку и публикацию сайта
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconТехническое задание на разработку сайта Евразийского портала по управлению...
Цель создания веб-сайта содействовать установлению связей, проведению дискуссий и созданию экспертной образовательной сети для специалистов...
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconПриложение 1 к договору на оказание услуг по созданию web-сайта от 01 сентября 2011 г
Ядро системы (classPage (организация структуры разделов сайта и вывода шаблонов страниц)
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconТехническое задание на разработку интернет-магазина мебели
Браузеры для просмотра сайта. Основные браузеры на которых будет просматриваться сайт и на которых будет производиться тестирование...
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconНазвание сайта: Программа по изучению и сохранению манула / Pallas cat conservation program
Сайт двуязычный, представлены русскоязычная и англоязычная версия (описание разделов по запросу)
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconПроцесс регистрации своего сайта в каталогах и поисковых машинах
В интернете существуют тысячи различных каталогов, и около двух десятков стоящих поисковиков. Именно добавление туда своего сайта...
Техническое задание Описание разделов и структурная схема сайта Структура сайта iconТехническое задание на разработку сайта
Широкий ассортимент товаров, известные бренды, высокое качество продукции (замороженных овощей,фруктов,полуфабрикатов)

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2014
контакты
skachate.ru
Главная страница