Создание сайта и системы управления Видео-Производителя

Данный заказ по созданию сайта во Владивостоке пришёл ко мне по рекомендации от друга и партнёра.

Первая версия сайта

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

1. Скорость загрузки страницы;
2. Уникальность URL адреса каждой страницы, точнее вкладки.

Поэтому Павел (заказчик проекта), подготовил дизайн макет первой версии сайта

Ниже изображенны варианты как это должно было выглядеть.

 

 

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

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

 

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

• 

  Отображение видеоролика в модальном окне

  увеличить
• 

  Отображение фотографий в модальном окне

  увеличить

Мобильная версия сайта

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

Но мобильную версию мы решили сделать абсолютно другой, которая ни как не пересекается с основным сайтом, в которой будет сохранён принцип одной страницы, по типу Landing Page, но содержить всю необходимую информацию. Ниже на изображении подробнее:

Таким образом у нас появилась адаптивная версия сайта, для тех у кого настольные компьютеры или ноутбуки с маленьким разрешением, а так же мобильная версия, для пользователей смартфонов, планшетов и других мобильных устройств Android, Blackberry, iPad, iPhone, iPod, PalmOS и webOS.

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

Над проектом работали: Павел Кочетков - создание дизайн макета и Станислав Замолотов - вёрстка макета, программирование, создание системы управления контентом (CMS) и запуск проекта.

P.S. Видеоролики создаваемые Павлом Кочетковым, потрясающе выглядят, цепляя качеством проработки каждой секунды. Рекомендую, если Вам нужен видеопроизводство. Ниже в видео находится шоурил работ Павла.

С уважением, Станислав. Буду рад знакомству с Вами, чтобы сделать великолепное решение для Вашего бизнеса, в области рекламы и простых и сложных разработок.