1

Етап 1

Составить список главных особенностей удобного сайта

20 травня—21 травня

2

Етап 2

Накидать схематичную структуру сайта

22 травня—27 травня

3

Етап 3

Выбор цветовой гаммы

28 травня—28 травня

4

Етап 4

Отрисовка дизайна каждой страницы сайта

29 травня—05 червня

5

Етап 5

Внесение мелких изменений в отрисованный дизайн

06 червня—06 червня

6

Етап 6

Формирование файловой структуры и её сборка

07 червня—07 червня

7

Етап 7

Настройка всех основных переменных кода

08 червня—08 червня

8

Етап 8

Верстка всех страниц сайта

09 червня—17 червня

9

Етап 9

Подключение статичной верстки в движок

18 червня—18 червня

10

Етап 10

"Оживляем" верстку

18 червня—20 червня

11

Етап 11

Мелкие доработки и финал

20 червня—20 червня

1

Етап 1

Составить список главных особенностей удобного сайта

20 травня—21 травня

2

Етап 2

Накидать схематичную структуру сайта

22 травня—27 травня

3

Етап 3

Выбор цветовой гаммы

28 травня—28 травня

4

Етап 4

Отрисовка дизайна каждой страницы сайта

29 травня—05 червня

5

Етап 5

Внесение мелких изменений в отрисованный дизайн

06 червня—06 червня

6

Етап 6

Формирование файловой структуры и её сборка

07 червня—07 червня

7

Етап 7

Настройка всех основных переменных кода

08 червня—08 червня

8

Етап 8

Верстка всех страниц сайта

09 червня—17 червня

9

Етап 9

Подключение статичной верстки в движок

18 червня—18 червня

10

Етап 10

"Оживляем" верстку

18 червня—20 червня

11

Етап 11

Мелкие доработки и финал

20 червня—20 червня

20 травня 2016 20 червня 2016
Ціль прострочена на 3060 днів

Мета закинута

Автор не відписував в цілі 8 років 5 месяців 6 днів

Бізнес та Фінанси

Обновить дизайн сайта за 1 месяц

Я занимаюсь дизайном и фронтенд разработкой сайтов с 2008 года, это уже 8 лет, я создал сотни сайтов и на протяжении всего этого времени я всегда хотел создать сайт для себя, который будет приносить пассивный доход.

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

  • Быстрый просмотр фильмов с кинопоиска, просто заменив в адресной строке фильма kinopoisk.ru на topkino.tv
  • Вывод всех возможных озвучек сериалов
  • Автоматическое запоминание просмотренных сезонов и серий сериала, а так же выбранной озвучки
  • Возможность прямо с сайта скачать фильм с самых популярных торрентов
  • Многофункциональный поиск по фильтрам
  • И другие внутренние инструменты

Это лишь основная часть и есть еще много всего, что я буду реализовывать по функционалу. И вот, есть огромнейшая база фильмов и сериалов, начиная с 70-х годов и до сегодняшних дней, много удобных функций, которых нет на множестве подобных сайтов, а вот дизайн... дизайна, так сказать не очень... да, некоторым он нравится, но просматривая статистику сайта, я вижу как люди пользуются сайтом и понимаю, что он не особо удобен + очень тяжелый., да и вообще, как говорится "можно сделать лучше".

Вот здесь на самом деле и начинается моя самая главная проблема с которой я надеюсь справиться по средствам этой цели. Я на протяжении 4 недель уже рисую новый дизайн и с каждым разом его перерисовываю в различной структуре, различном оформлении, стилистике и так далее, мне очень сложно угодить себе самому. Каждый раз приходят новые идеи, меняется желаемый результат и так далее, это все приводит к тому, что время идет, а в результате у меня уже 4-5 недоработанных макетов нового дизайна и боюсь если я не составлю конкретный структурированный план по отрисовке и верстке нового дизайна, то я так и буду дальше создавать новые и новые макеты не "оживляя" их. Мне нужны рамки, как в работе с заказчиками, когда у меня есть конкретные пожелания, техническое задание и сроки.

Собственно сам пациент: TopKino.tv

 Критерій завершення

Готовый новый дизайн всех страниц сайта, сверстанный заново за 1 месяц

 Особисті ресурси

Большой опыт в веб разработке

 Екологічність мети

Я люблю смотреть фильмы и сериалы и всегда хотел свой собственны онлайн кинотеатр, который будет красивей и удобней всех остальных

  1. Составить список главных особенностей удобного сайта

    Нужен точный список опорных особенностей удобного сайта, все пункты этого списка обязательно должны быть учтены в разработке дизайна. Это даст нерушимый костяк, который не позволит метаться от идеи к идее.

  2. Накидать схематичную структуру сайта

    Прежде чем перейти к отрисовке дизайна, необходимо накидать схематичную структуру каждой страницы сайта, так как внести в нее какие-то изменения гораздо проще, чем в готовый, стилистически оформленный макет. Учитывать при этом список главных особенностей составленный ранее. Для этого можно использовать сервис: http://ninjamock.com/

    1. Главная страница

    2. Страница раздела

    3. Страница фильма

    4. Страница сериала

    5. Страница с фильтрами

  3. Выбор цветовой гаммы

    Необходимо выбрать 3 основных цвета, это:

    • фоновый цвет, который определит так же и тональность сайта (светлы или темный)
    • главный цвет, он отвечает за оформление больших поверхностей, которые надо выделить по отношению к фону
    • акцентирующий цвет, он необходим для расставления акцентов на мелкие элементы и является дополнением к главному цвету
  4. Отрисовка дизайна каждой страницы сайта

    3 предыдущих шага дадут мне основной костяк и путь движения в отрисовке нового дизайна. Они четко определят все главные моменты и не дадут мне плодить бесчисленное множество вариаций дизайна. Главное в этом шаге, не включать излишнюю фантазию и четко следовать плану.

    1. Дизайн главной страниц

    2. Дизайн страницы раздела

    3. Дизайн страницы фильма

    4. Дизайн страницы сериала

    5. Дизайн страницы с фильтрами

    6. Дизайн профиля пользователя

  5. Внесение мелких изменений в отрисованный дизайн

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

  6. Формирование файловой структуры и её сборка

    Когда дизайн будет готов, можно будет перейти к его верстке. В первую очередь необходимо создать файловую структуру и настроить сборку и компиляцию файлов. Для сборки и компиляции я буду использовать Grunt.js, для стилей исходным форматом станет less, а в роли стандарта нейминга классов выступит ВЭМ. JS будет реализован в виде модульной системы, что его упорядочит и сделает понятным.

  7. Настройка всех основных переменных кода

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

  8. Верстка всех страниц сайта

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

    1. Верстка главной страниц

    2. Верстка страницы раздела

    3. Верстка страницы фильма

    4. Верстка страницы сериала

    5. Верстка страницы с фильтрами

  9. Подключение статичной верстки в движок

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

  10. "Оживляем" верстку

    На данном этапе необходимо в первую очередь заставить работать написанный нами ранее статичный код, как полноценный сайт. Для этого обернем возможности движка нашим кодом. В первую очередь пойдут основные страницы, а затем более мелкие и менее важные.

  11. Мелкие доработки и финал

    Вносим мелкие доработки и исправляем баги. На данном этапе должен получиться полностью функциональный сайт с новым дизайном, который можно будет со спокойной душей расширять новым функционалом, улучшать и продвигать.

  • 2070
  • 20 травня 2016, 10:16

Реєстрація

Можливості
безмежні.
Настав час
відкрити свої.

Уже зарегистрированы?
Вхід на сайт

Заходьте.
Відкрито.

Ще не зареєстровані?
 
Підключіться до будь-якого з ваших акаунтів, ваші дані будуть взяті з акаунту.
Забули пароль?