Техническое задание на дизайн сайта
1. Цель – создание макета сайта
Сайт является интернет-магазином и создан для продажи робота массажеры WheeMe –
.
Задание подразумевает создание макета и всех основных графических элементов дизайна. Подбор шрифта, его цвета и размера
2. Структура сайта
Ширина сайта 1000 пик. Контент 750 пик. Правая панель – 250 пик.
3. Цветовое исполнение
Белый, Синий, Голубой. Как на
4. Описание графических элементов и расположение.
4.1. Шапка сайта
следующие элементы:
1. Логотип;
Крадется с сайта
– и дорабатывается: нужно в логотип вписать фразу «Официальный дилер». Размеры логотипа могут немного отличаться от того размера, который сейчас на сайте.
2. Телефон;
3. Режим работы;
4. Надпись.
«Есть вопросы? Звоните»
5. Копка «Заказать»
6. Кнопка «Обратный звонок»
Размер шапки такой как на сайте, но можно сделать чуть уже.
4.2. Блок со слайдами
Необходимо сделать 3 слайда. Размер слайдов такой же как на сайте. Темы слайдов – можно взять по ссылке с :
Так же можно сделать скрины из официальных видео
Надписи на слайдах:
Слайд 1:
Более 1 млн человек по всему миру уже пользуются WheeMe. Ощутите все прелести массажа, не выходя из дома.
Слайд 2:
Всего за 15 минут WheeMe поможет расслабиться и вернет бодрость. Побалуйте себя первоклассным массажем!
Слайд 3:
WheeMe – личный массажист у вас дома, который будет служить долгие годы.
4.3. Меню
Блок меню содержит разделы которые есть на сайте. Тут всего одна задача – подобрать цвет фона, шрифты, так что бы он гармонировал с выбранным исполнителем цветовым решением.
4.4. Правая колонка
Должна содержать ряд баннеров с графической и текстовой информацией: пиктограмму, которая обозначает суть баннера и текст.
Баннер 1: Гарантия качества
Все изделия проходят проверку
Баннер 2: Быстрая доставка
Курьерская доставка по всей России
Баннер 3: Бесплатная доставка по Москве
На следующий день
Баннер 4: Гарантия и сервис
Гарантия – 12 мес.
Баннер 5: Профессионализм
Мы ответим на все Ваши вопросы
Баннер 6: Гарантия возврата
Вы может вернуть товар в течении 7 дней.
Размеры баннеров лимитированы на ширине – шириной колонки 250 пикс. Высота на усмотрение разработчика
4.5. Основной раздел
1. Элементы с сообщениями о пользе массажера
Основной раздел сайта содержит видео и графические элементы:
Элементы под заголовком «Что вы получаете с роботом-массажером WheeMe?». Каждый элемент должен содержать пиктограмму, отражающую смысл надписи .
Элемент 1: Прилив сил и энергии
Снимает стресс и возвращает бодрость после рабочего дня
Элемент 2: Здоровая спина
Стимулирует нервные окончания и снимает боли в спине
Элемент 3: Нормальное давление
Нормализует пульс и артериальное давление
Элемент 4: Здоровый сон
Успокаивает нервы и снижает тревожность
2. Картинка, поясняющая принцип действия.
Берется тут:
Или ищется лучше. На картинке стрелками должны быть указаны: вращения нанопальчиков, движения колес взад перед, вибрации колесиков вверх вниз. Поясняющие надписи: «Нанопальчики движутся по кругу, имитируя прикосновения рук.» и «Массажные колеса вибрирующими движениями воздействуют на нервные окончания»
3. Значки с цифрами под заголовком «Почему стоит купить робот-массажер?»
4-е значка с цифрами 1,2,3,4. Большие отрисованные цифры, для того что бы обращали внимание на текст. Можно сделать, что-то вроде этого
4. Кнопка «Заказать» под блоком с отзывами. Сделать ее размером по-более, чем в шапке
4.6. Доработка картинок для статей и других разделов
На шаблоне сайта сейчас расположены ниже кнопки заказать. Но будут использованы в разделах.
1. Картинки с текстом и небольшим рисункам – поясняющим суть текста. Размер картинки 190х80 (ширина строгая, высота может быть и чуть больше)
Картинка 1: Снимает стресс и расслабляет мышцы
Картинка 2: Улучшает сон
Картинка 3: Понижает артериальное давление
2. Перевод картинки на русский.
Сама картинка находится в файле режимы.jpg. Сделать вместо английских надписей русские: Вибрация, Релаксаци, Танец
5. Требования к выполнению.
5.1. Срок – 7 раб дней.
5.2. Исполнитель сдаёт работу в файле формата psd, где все надписи, банеры и картинки сделаны в отдельных слоях. Названия слоев должны быть поясняющими.
5.3. Исполнитель создает макет сайта и посылает на утверждение заказчику, продолжает работу с его одобрения. При необходимости вносит правки.