Интернет-магазин косметики для лица Unidermix

сайт под ключ, интернет-магазин, веб дизайн, prestashop, косметика

Разработка под ключ онлайн магазина на движке PrestaShop (январь 2020 г.)

 О проекте

Интернет-магазин натуральной косметики для лица unidermix.com (Москва). Бренд Unidermix – это линия косметики, разработанная ведущими специалистами в области космецевтики и пластической хирургии.

 Задача проекта

  1. Разработать простой лаконичный дизайн с контрастными элементами.
  2. Сверстать Html страницы сайта.
  3. Интегрировать с cms PrestaShop.
  4. Реализовать 2 языка: RU и EN.
  5. Настроить магазин в админ-панели: главное меню, корзина, ЮKassa, Cdek, отзывы для товаров, отправка email писем и прочее.

 Референсы для дизайна

Клипарт отпечатка пальца и логотип, который уже имелся у компании.

Логотип косметического бренда Unidermix

 Что было сделано

  1. Разработаны макеты страниц (Photoshop).
  2. Отрисованы фоны, слайды для слайдшоу на главной странице, обложки категорий каталога и раздела новостей, gif-баннеры, favicon, титульные изображения для страниц новостей (Photoshop).
  3. Созданы svg-иконки (CoreDraw).
  4. Осуществлена адаптивная верстка страниц (Html, Css, jQuery).
  5. Реализованы: svg-анимация в футере при наведении курсора, анмация иконок, анимация при скролле.
  6. Произведены все необходимые настройки в админ-панели магазина на движке PrestaShop 1.7.6.0.
  7. Реализованы интеграции с платежной системой ЮKassa и службой доставки Cdek.

Разработаны несложные php модули для магазина на Престашоп:

  1. Список новостных категорий и постов (для включения в html карту сайта).
  2. Список соцсетей.
  3. Slider Owl carousel (слайдер на главной, представляющий бренд Unidermix).
  4. Дополнительное поле товара (для блока с ингредиентами на странице товара).
  5. Press block on the Home page (слайдер Пресса о нас на главной странице).

Обзор движка для интернет-магазинов PrestaShop Описание одной из лучших систем для электронной коммерции, обладающей всеми функциями, необходимыми для создания интернет-магазина и развития бизнеса.

На сайте реализованы:

  • прелоадер, липкий хедер;
  • заказ обратного звонка, поиск, сравнение товаров;
  • на главной странице: Slick слайдер на первом экране, Slick карусель Пресса о нас;
  • каталог товаров;
  • модальные окна Bootstrap;
  • панель сообщения cookies;
  • страница товара: фото товара, описание, кнопки соцсетей, ингредиенты, вкладки, отзывы, рекомендуемые товары;
  • корзина, окно с краткой корзиной;
  • оформление заказа: Личные данные, Адрес доставки, Способ доставки, Оплата;
  • контакты: форма обратной связи, Yandex карта с адресами партнеров;
  • личный кабинет клиента;
  • 2 языка;
  • служебные страницы и попап-окна: Согласие на обработку данных, Политика конфиденциальности, Условия обслуживания;
  • html карта сайта.

 Сайт адаптирован для мобильных устройств и планшетов.

 Страницы сайта

  • Главная
  • О бренде
  • Каталог
  • Доставка и оплата
  • Новости
  • Карточка товара
  • Контакты
  • Корзина
Главная страница интернет магазина на Престашоп
О косметическом бренде Unidermix
Каталог косметики в магазине на престашоп
Страница доставки магазина на движке Престашоп
Новости на сайте Prestashop
Страница товара магазина косметики
Страница контакты онлайн магазина на Престашоп
Корзина магазина на престашоп

Как вам понравился сайт Unidermix? Хотели бы такой магазин для своего бизнеса? Просто сообщите о своем желании, я с радостью помогу осуществить это! Напишите мне на make.website.info@gmail.com:

Написать

Оставьте свой комментарий!


Разрешённые теги: <b><i><br>


Комментарии (0)

 

Давайте общаться

Я хотел бы поговорить о вашем бизнесе, отправьте мне письмо на make.website.info@gmail.com.