Краткое описание: Нужно сделать сайт для новой компании, занимающейся IT-аутсорсингом.
Название сайта\доменное имя. good2best.ru
Цель создания сайта. Тип сайта (сайт-визитка, корпоративный, интернет-магазин, другое). Идея сайта и причины его создания. Задачи и функции, которые должен решать сайт. У сайта будет довольно много задач. Прежде всего – это визитная карточка компании. Здесь будет информация о наших услугах, тарифах, отзывы клиентов, отчеты о выполненных проектах, новости, информационные статьи.
Кроме того, на поддомене будет helpdesk. А значит, у каждого клиента будет свой личный кабинет, в котором он будет общаться с техподдержкой. Кнопка/Ссылка/Форма для входа в личный кабинет должна быть на главной.
Также сайт будет выполнять функции внутрикорпоративного. Это значит, что часть функционала будет доступна только сотрудникам компании. Среди этого функционала: форум, wiki, возможно, что-то еще.
Кроме того, он будет интересен соискателям. Планируется сделать форму для отправки резюме.
Характеристика предполагаемой аудитории (ЦА) Потенциальные клиенты – рядовые сотрудники, менеджеры и владельцы небольших и средних компаний. Чаще всего это: магазины, аптеки, небольшие клиники, салоны красоты, турфирмы, издательства и т.п.
Существующие клиенты.
Сотрудники фирмы.
Структура сайта: Система навигации по сайту (варианты расположение навигационного меню сайта: горизонтальное, вертикальное, горизонтально – вертикальное и т.п.). Основные разделы навигации. Желаемые блоки и модули (баннеры, счетчики посещаемости, новости, блок иконок соцсетей, презентационный слайдер и т.д.) Структура главной и не более 2х дополнительных страниц. Сайт будет содержать следующие разделы/модули/блоки:
• Главная – попав на главную, клиент сразу должен понять, кто мы, чем мы занимаемся и какие у нас примерно цены.
• Услуги
• Цены – здесь у нас будут и готовые тарифные планы, и гибкий тарифный калькулятор. Их можно либо разместить на одной странице, либо сделать в одной области, но в разных «вкладках». Во втором случае прикладывайте оба варианта страницы.
Сам тарифный калькулятор будет по функционалу (но не по дизайну!) аналогичен этим:
http://www.lancomp.ru/index.php?r=17
http://www.shindler.ru/price1/calc
Т.е., возьмите их за рыбу, но сделайте свой дизайн.
• Контакты
• Блог/Статьи
• Наши клиенты – здесь будут размещаться отзывы наших клиентов. Каждый отзыв будет содержать: фотографию сотрудника, текст отзыва (выдержка из бумажного варианта), скан-копию самого бумажного отзыва на фирменном бланке компании-клиента. Страница должна смотреться одинаково хорошо и при 3 и при 10 отзывах.
• Карьера
• О нас (наши сотрудники/наша команда)
• Задать вопрос (online-консультант)
• Вход в личный кабинет (helpdesk)
Нам очень важно, как вы разместите все эти элементы. Мы ничем не ограничиваем Вашу фантазию. Какая-то информация может быть скомпонована на одной странице, другая вынесена на отдельную, третья выполнена ввиде блока, который отображается на всех страницах и т.д. Подробнее смотрите ниже примеры сайтов, которые нам интересны.
От участников конкурса требуется разработать дизайн страниц: главной, цены, наши клиенты.
Имеет ли компания разработанный фирменный стиль, логотип, слоган. Если да, приложите к ТЗ. Да, логотип приложен. Название компании переводится как \\\"От хорошего к лучшему\\\". Также можно использовать фразу \\\"Поддержка IT-инфраструктуры Вашего бизнеса\\\".
Стиль сайта. Возможные (предпочтительные) цветовые решения и визуальные эффекты которые могут быть использованы в дизайне сайта. Лаконичный, но информативный. Стильный, но понятный. Функциональный, но удобный и неперегруженный.
Каково минимальное разрешение экрана монитора на которое должен быть ориентирован дизайн сайта? Возможный вариант визуального отображения сайта – «резиновый» во весь экран монитора (без полей - включая разрешения монитора, превышающие указанное выше минимальное разрешение) фиксированное - по центру монитора (с полями) и т.д.?. Хотелось бы увидеть вариант, умещающийся в ширину 1024 пикселя. Высоту ограничивать не вижу смысла. Резиновость приветствуется, но не обязательна.
Что вы хотите чтобы пользователь в результате посещения сайта: увидел\сделал\почувствовал? Клиент должен моментально понять, куда и чего ему нажать, чтобы залогиниться и обратиться в техподдержку.
Потенциальный клиент должен сразу же понять, какие услуги мы оказываем, сколько они стоят, и позвонить нам или запросить коммерческое предложение.
Укажите сайты, которые нравятся\не нравятся по тем или иным причинам. http://www.directpointe.com/
- Симпатичный, аккуратный, светлый сайт. На главной вся информация и все интерактивные элементы удачно скомпонованы. Особенно список услуг слева и меняющийся текст при наведении. Из минусов – посетитель не видит сразу ответа на вопрос: а какие у них примерно цены? На внутренних страницах также прекрасно организовано пространство. Также на внутренних нравятся узкие картинки (мини-шапки) под панелью навигации.
http://www.lancomp.ru/
- А вот у этих ребят дизайн отвратительный и скучный, но радует наличие мини-калькулятора цен в шапке, хоть он тоже некрасивый. Не факт, что именно этот элемент будет уместен в Вашем дизайне, но просто имейте ввиду, что подобная интерактивность приветствуется.
http://www.mosgorservice.com/
- Дизайн НЕ нравится. Но на внутренних нравится, что форма заявки всегда под рукой. Еще один пример интерактивности, которая приветствуется.
http://www.functioneight.com/
- Нравится в сайте сочетание почти до сухости простого дизайна с неформальной графикой. Нравится, что лого не блекло висит где-то в левом верхнем углу, а расположен в удачном месте и хорошо смотрится. Внутренние страницы выполнены скучно, ширина страницы используется не оптимально (справа длинная простыня текста, а слева зависшие при промотке наверху банеры), подвал оказывается смещен вправо.
http://www.netsurit.com/
- Отличный дизайн. Хорош по цвету, достаточно светлый. Есть главное пятно - шапка, которая хорошо поддерживается другими картинками помельче. Нравится флеш-галерея под шапкой. В нашем случае было бы здорово, если бы там были виды наших услуг. Нравится, как номер телефона подан (шрифт и верстка). Такого уровня дизайн более чем устроит. Нравится, как организована панель навигации: 2 уровня и второй дублируется справа.
http://parachuteit.co.uk/
- Этот веселый сайт тоже нам симпатичен. Не очень нравится панель навигации, как-то блекнет она рядом со всей остальной яркостью. Но нравится крупный текст, который очень приятно читать (снизу ознакомительный). Нравится 4 блока смысловых, на них тоже хочется кликнуть. Но тут дизайн на грани, если переборщить с веселостью - будет плохо, недотянуть – непонятно. Да, очень нравится, что страница ограничена по ширине, но при этом рамки явно не заданы, фон создает визуальное продолжение в ширину.
http://www.ihotdesk.com/
- Крутые кубики в шапке. Понятно, что такие эффекты будет делать флешовик. Но, чтобы он что-то такое санимировал, дизайнер вначале должен что-то такое придумать и описать. Не очень читабельно, многабукф.
http://www.witech.ru/
- компактный в меру информативный дизайн, возникает желание поклацать по кнопочкам. Не нравится неэффективное использование ширины на внутренних страницах. Не нравится идиотский огонь на заднем плане. Не нравится, что ширина, на которой расположен контент, ограничена не только фактически, но и визуально, причем, рамка ужасно сочетается с этим фоном.
http://onlanta.ru/
- смотрится симпатично и современно. Неплохие картинки в шапке, но высота шапки великовата. Не сказал бы, что удачно используется пространство.
http://www.terrasoft.ru/
- эти ребята не из числа конкурентов, соответственно, наполнение контентом у них совершенно иное. Просто нравится их сайт, весь.
http://a220.ru/index.htm
- просто, лаконично, понятно, глаз радует. Если, не теряя лаконичности, добавить модули «мы Вам перезвоним», «вход для клиентов» и на главной разместить немного информации о ценах, чтобы клиент просто представлял их порядок, то будет вообще здорово.
