Интернет-магазин — это сложный сайт, с большим количеством разнообразных страниц — каталог, карточка продукта, корзина, оформление заказа, сравнение товаров, блог и пр. Для каждой из них нужно разработать дизайн-макет и сверстать его для отображения в браузере.
При этом интернет-магазин должен правильно отображаться на смартфонах или планшетах. Иногда для смартфонов делают отдельную, мобильную, версию сайта, но это неудобно. Нужно поддерживать две версии сайта, дублировать все изменения, следить, чтобы на смартфоне не открылась десктопная версия и т.д.
Гораздо проще, когда сайт единый, и при этом он сам корректно отображается на любом устройстве, адаптируясь к размеру экрана. Это называется адаптивный дизайн.
Мы делаем только адаптивные сайты. Например:
Если этот интернет-магазин открыть на компьютере, то меню будет слева, а в каталоге товары будут идти в три колонки. На более узком экране ноутбука колонок станет уже две. На смартфоне останется одна колонка, а левое меню спрячется и его нужно будет выдвигать с помощью кнопки.
В карточке товаров на компьютере фото товара будет слева, а описание справа. На смартфоне описание встанет под текстом.
Разработать адаптивный дизайн и сверстать его — очень большая и сложная работа. Мы умеем это делать, но обычно мы рекомендуем использовать один из готовых адаптивных шаблонов. Качественных шаблонов очень много и они проверены на множестве проектов. При этом шаблон не задает жестких рамок, на него хорошо ложится фирменный стиль и сайт получается индивидуальным.
Смотрите также: