Данный заказ по созданию сайта во Владивостоке пришёл ко мне по рекомендации от друга и партнёра.
Первоначально стояла задача сделать одностраничник и одноэкранник, состоящий из вкладок с шоурилом, фотографиями, блогом, текстовой информацией по цене и конечно же контакты. Но я объяснил, что это не лучший вариант так как это вызвало бы следующие проблемы:
Поэтому Павел (заказчик проекта), подготовил дизайн макет первой версии сайта
Ниже изображенны варианты как это должно было выглядеть.
Я сверстал его, но на этапе тестирования оказалось что это не лучший вариант, поэтому я дал некоторые рекомендации Павлу (это тот случай, когда дизайнером является заказчик), по основным принципам web-дизайна и особенностях вёрстки макетов.
После этого Павел, подготовил другой кардинально отличающийся макет сайта на изображениях ниже:
Как видите здесь появилось уточнение по тому как это должно выглядеть на мобильной версии, я конечно же всё сверстал в точности с макетом. Зафиксировал шапку и с навигацией, фирменным знаком и телефоном. При нажатии на фото, открывается галерея поверх экрана, а при нажатии на видео аналогично в модальном окне открывается просмотр видео ролика, под шапкой и номером телефона. Детально ниже на изображениях:
1-ый вариант мобильной версии заключается в адаптивности макета, который можно заметить уменьшая размер окна браузера по ширине. В данном случае верхнее меню прячется и появляется нижняя кнопка с вызовом мобильного меню, при нажатии на которое открываются все необходимые пункты навигации. Подробности ниже на изображении:
Но мобильную версию мы решили сделать абсолютно другой, которая ни как не пересекается с основным сайтом, в которой будет сохранён принцип одной страницы, по типу Landing Page, но содержить всю необходимую информацию. Ниже на изображении подробнее:
Таким образом у нас появилась адаптивная версия сайта, для тех у кого настольные компьютеры или ноутбуки с маленьким разрешением, а так же мобильная версия, для пользователей смартфонов, планшетов и других мобильных устройств Android, Blackberry, iPad, iPhone, iPod, PalmOS и webOS.
Такая вот интересная работы была проведена. Получив удовольствие от сложных, в какой-то степени задач, жду новую задачу от Вас, думаю будет увлекательно и успешно.
Над проектом работали: Павел Кочетков - создание дизайн макета и Станислав Замолотов - вёрстка макета, программирование, создание системы управления контентом (CMS) и запуск проекта.
Если Вам необходимо создать интернет систему продаж, рекомендую ознакомиться с информацией по созданию интернет магазина.
С уважением, Станислав. Буду рад знакомству с Вами.
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.