Онлайн кинотеатр (Часть пятая — дизайн)

web-design

Подошли к теме создания дизайна. Ранее я рассматривал два варианта: взять паблик шаблон и переделать под себя, либо заказать уникальный диз. у фрилансера. Я остановился на втором варианте, т.к. хочу сделать действительно качественный проект, и готов в него вкладываться.

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

Тех. задание

Раньше я ТЗ на дизайн не писал, т.к. пользовался шаблонами переделанными под себя (и этого вполне хватало). Но на этот раз я решил поручить дело профессионалам, которые сделают диз с нуля (т.к. хочу добиться максимального качества проекта), поэтому нужно составить техническое задание, которое полностью бы описывало мои пожелания по дизайну сайта.

shutka-v-temu

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

В моем ТЗ всего получилось 18 пунктов, плюс еще несколько моментов мы обсудили при общении в аське, но это я уже забегаю вперед. Вот несколько пунктов из тех 18, что написаны в ТЗ:

  • По ширине – не резиновый. Ширина сайта, такова, чтобы при разрешении 1024х768 отображался без полосы прокрутки.
  • В 3 колонки, сверху шапка, снизу футер. Оформление аналогичное, как у сайта ******.ru. Далее подробнее...
  • Сверху слева логотип, который представляет из себя надпись: ******* Может быть какая-то графика рядом, главное чтобы надпись удачно вписывалась.
  • Шапка - изображение с несколькими популярными киногероями, края изображения плавно переходят в фон. Фон темный. Не слишком тяжелое изображение чтобы не слишком долго грузилось.
  • Поиск по сайту расположен аналогично, как на сайте - ******.ru, аналогичное меню сверху - ****** и т.д.
  • Цветовая схема – подобно *******.ru. Само пространство белое (или светло-светло-серое), буквы черные или темно серые, ссылки – синие, голубые или близкие цвета, при наведении подчеркиваются и немного меняют цвет.
  • В футере место для счетчиков, и надписей типа Copyright бла бла бла © 2013.
  • Вид материалов (вид перечисленных материалов на главной, страницах архива или категорий) – подобно как на сайте ********.ru. То есть слева картинка, справа описание, снизу шрифтом помельче – рейтинг комментарии просмотры и т.д.

В других пунктах я описал как должна распологаться "форма комментариев", блок "похожие материалы" и т.д. Все описание заняло полторы страницы в Ворде.

ТЗ есть, переходим к следующему пункту - поиску опытного фрилансера - веб-дизайнера. Который нарисует диз. и сверстает его.

Поиск исполнителя и заказ

Т.к. для проекта я выбрал систему управления - ucoz, то вполне логично искать веб-дизайнера, который хорошо знаком с юкоз (или специализируется на нем). Поэтому поиск фрилансера я начал с форума юкоз и сервиса uPartner.

web-designer

Основное, на что я ориентировался при выборе исполнителя - это качественное портфолио с множеством работ. Таких были единицы, но все же были.

Заказ я сделал у фрилансера, с большим опытом, и работы его мне понравились больше других. За работу по созданию дизайна и верстке я заплатил 300$ (9300 руб.), срок составил 7-10 дней.

В принципе, цена меня вполне устроила. Можно было найти немного подешевле, но здесь возникает риск, что сделают гавно. Среди веб-дизайнеров на юкоз все-таки очень много новичков и криворуких товарищей. Лучше делать у людей с хорошим портфолио (где много работ и все они качественные), чем погнаться за дешевизной и получить некачественный результат.

Работа шла в довольно простом ключе - мы связались через аську, я объяснил что мне нужно, через пару дней дал ТЗ и работа началась. Далее еще уточняли несколько деталей, по ходу работы. По оплате: предоплата была 30 %, и непосредственно перед версткой, оставшиеся 70%.

Результаты

Результатами работы я остался очень доволен. Было сделано, то что действительно требовалось. Вот несколько скринов: верхней части главной, подвал главной и страница материала.

screen-1

screen-2

screen-3

С момента появления идеи сайта я по маленьку двигаюсь вперед, но до выполнения своей цели еще нужно многое сделать. Следующими шагами в реализации проекта будут - первоначальное наполнение, небольшие доделки, внутренняя seo-оптимизация. Чтобы не пропустить эти интересности подписывайтесь по rss или в твиттере!

Проект "онлайн кинотеатр" - все части

1. Идея сайта

2. Цель и сроки

3. Выбор домена

4. Хостинг и CMS

5. Дизайн сайта

6. Перв. наполнение

7. Добавление в поиск

8. Закрытие проекта

Комментариев пока нет.

Добавить комментарий