Сделать мини-магазин

  1. Биржа фриланса
  2. Интернет-магазины
Закрыт8 заявок234 просмотра

Требуется создать 1-страничный мини-магазин с карточками товаров и заполнить копипаст-контентом. Даже скорее фейк-магазин, задача которого лишь собирать контакты покупателей (имя и телефон).

На главной странице должны располагаться 15 карточек товара: то есть 3 столбца по 5 карточек (примерно).

Каждая карточка должна включать:

  • название товара
  • цену
  • изображение
  • кнопку "узнать подробнее"
  • кнопку "купить в 1 клик"
  • при клике по "узнать подробнее", открывается сама карточка с полным описанием без перезагрузки страницы, с эффектом смещая остальной контент пониже. При клике по другой карточке, ранее открытая так же с эффектом заворачивается обратно.
  • при клике по "купить в 1 клик" открывается попап (всплывающее окно) с изображением, названием товара, цены и кратким описанием товара (в 1 предложение) + форма ввода имени и телефона и яркая кнопка "заказать". Попап должен закрываться крестиком или кликом за его пределами.
форма должна быть одна и та же везде, только инфо на ней меняется исходя из товара, с карточки которого она была вызвана. Заявки с формы никуда отправлять не нужно - по ней с вас только верстку и наполнение.

карточки товаров и суть сайта - продажа средства миноксидил. Он бывает разной концентрации и вида, исходя из чего и делаем эти карточки. Контент можно брать тут https://1minoxidil.ru/katalog-tovarov/minoksidil-5 или на аналогичных сайтах, картинки без наложения чужого домена.

на сайте должна быть менюшка с каталогом и якорными ссылками:

  • миноксидил 5%
  • миноксидил 10-15%
  • для бороды
  • для волос
  • для женщин
  • как мы работаем
- при нажатии на одну из ссылок страница прокручивается к этому месту. Это подразделы, где в каждом 3 соответствующих карточки. В десктопной версии менюшка слева от карточек, в мобильной вверху и внизу. В мобильной 1 карточку в ряд делать, покомпактнее.

в шапке сделать место для логотипа и слогана, в подвале продублировать менюшку.

Стиль страницы - минимализм, все объекты крупные и кликабельные. Дизайн простой, светлый. Прежде чем делать, покажите шаблон дизайна.

6 лет назад
goldeagle
40 лет
12 лет в сервисе
Был
год назад

Заявки фрилансеров

Нет заявок фрилансеров