Дизайнеры — удалённая работа в Москве

Дизайн сайта. Интернет-магазин. Платформа: Figma. Количество страниц: 5. ## Техническое задание на дизайн сайта ### Общая информация **Название проекта:** Интернет-магазин **Цель проекта:** Создание современного и функционального интернет-магазина для продажи продуктов и аксессуаров. **Пример для ориентировки:** [Korobok Store](https://korobok.store) ### Основные требования #### 1. Главная страница - **Шапка сайта (Header)** - Логотип компании. - Меню навигации (Главная, Каталог, О нас, Контакты). - Поиск по сайту. - Кнопка “Корзина“ с отображением количества товаров. - Кнопка “Личный кабинет“/“Войти“. - **Баннер** - Основной рекламный баннер с крупным изображением. - Промо-текст и кнопка для перехода к каталогу или акционным товарам. - **Категории товаров** - Блок с основными категориями товаров. - Изображения и названия категорий. - **Популярные товары** - Блок с карточками популярных товаров. - Изображение товара, название, цена и кнопка “Купить“. - **Преимущества** - Информационный блок с преимуществами покупки в магазине (доставка, качество товаров и т.д.). - **Отзывы клиентов** - Секция с отзывами покупателей. - **Футер сайта (Footer)** - Информация о компании. - Контактная информация (телефон, email, адрес). - Ссылки на социальные сети. - Политика конфиденциальности и пользовательское соглашение. #### 2. Страница каталога - **Фильтры** - Фильтрация по категориям, ценам, популярности, новизне и т.д. - Возможность сортировки товаров. - **Список товаров** - Карточки товаров с изображением, названием, ценой и кнопкой “Купить“. - Пагинация для перехода между страницами каталога. #### 3. Страница товара - **Основная информация** - Изображение товара. - Название товара. - Цена. - Краткое описание. - Кнопка “Купить“. - **Детальное описание** - Развернутое описание товара. - Характеристики. - Отзывы покупателей. #### 4. Корзина - **Список товаров** - Перечень добавленных в корзину товаров с изображением, названием, ценой и количеством. - Возможность изменения количества или удаления товара из корзины. - **Итоговая стоимость** - Общая сумма заказа. - Кнопка “Оформить заказ“. #### 5. Страница оформления заказа - **Контактная информация** - Поля для ввода имени, фамилии, адреса, телефона и email. - **Методы доставки** - Выбор способа доставки. - **Методы оплаты** - Выбор способа оплаты. - **Подтверждение заказа** - Кнопка для подтверждения и отправки заказа. #### 6. Страница “О нас“ - Информация о компании. - История компании. - Миссия и ценности. #### 7. Страница контактов - Контактная информация. - Карта с указанием местоположения офиса/склада. - Форма обратной связи. ### Дополнительные требования - **Адаптивный дизайн**: сайт должен корректно отображаться на различных устройствах (ПК, планшеты, смартфоны). - **Быстрая загрузка страниц**: оптимизация изображений и кода для обеспечения быстрой загрузки сайта. - **SEO-оптимизация**: использование семантически правильных тегов, метаописаний и ключевых слов для улучшения видимости сайта в поисковых системах. - **Легкость в использовании**: интуитивно понятная навигация и удобство использования. Пожелания и особенности: Главная страница |-- Шапка сайта |-- Основной баннер |-- Категории товаров |-- Популярные товары |-- Преимущества магазина |-- Отзывы клиентов |-- Футер сайта Каталог товаров |-- Xbox | |-- Игры | |-- Подписки | |-- Игровая валюта |-- PlayStation |-- Игры |-- Подписки |-- Игровая валюта Страница товара |-- Изображение товара |-- Название товара |-- Цена |-- Краткое описание |-- Детальное описание |-- Характеристики |-- Отзывы покупателей |-- Кнопка “Купить“ Корзина |-- Список добавленных товаров |-- Изображения, названия, цены, количество товаров |-- Общая стоимость заказа |-- Кнопка “Оформить заказ“ Оформление заказа |-- Контактная информация |-- Методы доставки |-- Методы оплаты |-- Подтверждение заказа Страница “О нас“ |-- Информация о компании |-- История компании |-- Миссия и ценности Страница контактов |-- Контактная информация |-- Карта местоположения |-- Форма обратной связи Страницы акций и специальных предложений |-- Текущие акции |-- Специальные предложения Часто задаваемые вопросы (FAQ) |-- Вопросы и ответы по популярным темам.