Верстка сайта-каталога (макет в Figma)

Сайт каталог

Макет сделан в Figma - https://www.figma.com/proto/ba84PhJoHNgOUPaMmUNdCb/mypufik.com?node-id=46%3A8&viewport=294%2C255%2C0.04432198777794838&scaling=scale-down-width 

Это и есть исходних макета, многим верстальщикам нравится фигма, хоть это и не классический псд, но по словам самих же верстальщиков - удобнее.

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

2. Отзывы - все отзывы будут сделаны картинкой, все картинки мы будем стандартизировать по размеру вручную, нужно иметь возможность добавлять/удалять новые картинки в раздел на главной странице и на отдельную страницу с отзывами.

3. Акции (тоже самое что отзывы) - все акции будут сделаны картинкой, все картинки мы будем стандартизировать по размеру вручную, нужно иметь возможность добавлять/удалять новые картинки в раздел на главной странице и на отдельную страницу с акциями. Также нужно иметь возможность назначать порядковый номер акционных баннеров, например если захочется акцию2 переместить на место акции1.

4. Формы заявки - на сайте предусмотрены несколько форм заявок, от обычного перезвона с указанием номера телефона, до заявки с информацией о заказе из корзины, где будет подтягиваться выбранные товары с информацией о модификации товара (цвет (сотни вариантов) и размер (3-4 варианта))

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

6. На сайте не будет фильтров, и будет очень мало товаров (15-30). Каждый товар имеет различные версии (модицикации) - по ткани-цвету и по размеру. Всего будет 6 типов тканей и в каждой ткани - от 5 до 30 цветов. Каждая ткань имеет свою стоимость, которая должна корректно плюсоваться к стоимости каждого отдельного товара. Точно также и с размерами (их будет 4). Например, есть 1 товар, кресло груша, у нее есть 3 размера (S,M,L), и на выбор 6 вариантов тканей (Оксфорд, Лира, и т.д.) Необходимо через админ панель задать все вариации по цене. То есть кресло груша размера S и со стандартной тканью Оксфорд - будет стоить базовую цену 800 грн (которая автоматом считается базовой и указывается на обложке товара с припиской "от" - "от 800 грн"). Если размер увеличивается - добавляется цена, если ткань меняется - добавляется цена. Нужно через админку все это самостоятельно задать и при желании менять. Товаров не много, но нужна удобная гибкай настройка ценовой таблицы.

7. Ткани - на сайте будет базово 6 тканей, но их также нужно иметь возможность менять - добавлять новые ткани и цвета и удалять старые, и делать это не в общем, а к каждому отдельному товару (можно делать в общем и выставлять галочки например, сам метод уже вам выбирать). Ткань представляет собой 1.название. 2.текстовое описание 3.залитые картинки с вариантами цветов, у каждого свой порядковый номер. При выборе товара, человек нажимает выбрать ткань, открывается поп-ап с представленными тканями, которые через админку закреплены к этому конкретному товару. Например, для кресла-груши тканей будет 5 (хотя всего 6), для мяча - тканей будет 3 (из этих 6) и т.д. 

8. Размеры необходимо привязать к условному обозначению - S, M, L, XL. Каждый товар может быть представлен в разных размерах - то есть у кресла груши может быть 4 размера, а у мяча - всего 2 (из существующих 4 только M и L). Возле каждого товара будет указываться конкретные сантиметры, которые также не стандартизированы. Размер S для кресла груши - это "100х80х200" а размер S для мяча - "90х90". Надеюсь суть понятна. Реализацию всего этого можно сделать по разному, возможно мы остановимся на более простом решении, не требующей такой глубокой работы с бэкэндом, открыты к вариантам.

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

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

11. Остальные мелкие нюансы видны по макету.

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

Общие пожелания

1. естественно идеальная и безкомпромиссная адаптивность под все устройства и популярные браузеры - не только хром, мазилла и опера, а и ИЕ и Сафари! Страница карточки товара на мобильных должна быть переделана грамотно, также как и поп-ап который вылазит с выбором тканей.

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

3. Платформа - на ваш выбор, главное чтобы удовлетворила потребности и не конфликтовала потом с внедрением SEO архитектуры. (мы думаем про опенкарт)

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

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

Ищем опытного человека, который не растеряется при постановке типичных технических вопросов, и который сам будет подсказывать как лучше сделать то или иное на сайте с точки зрения кода и архитектуры в процессе работы.