1. Общая информация
Проект: Переработка главной страницы сайта BigOpt.com
Цель: Улучшить пользовательский опыт (UX), визуальное восприятие (UI) и увеличить конверсию посетителей в регистрации и покупки.
2. Целевая аудитория
- Производители товаров
- Оптовые поставщики
- Дропшипперы
- Оптовые покупатели
3. Основные задачи
1. Упрощение навигации: Сделать меню более интуитивным и доступным.
2. Улучшение визуальной привлекательности: Применение современных дизайн-трендов, соответствующих бренду.
3. Оптимизация контента: Четкая структура информации с акцентом на основных преимуществах платформы.
4. Призыв к действию (CTA): Выделить кнопки регистрации и входа для различных категорий пользователей.
4. Структура главной страницы
1. Хедер:
- Логотип BigOpt.com (обновленный, если нужно).
- Главное меню: "О нас", "Каталог товаров", "Как это работает", "Для поставщиков", "Контакты".
- Кнопки: "Войти" и "Зарегистрироваться".
- Язык сайта: переключатель языков (украинский, английский, русский).
2. Главный баннер:
- Большой изображенческий баннер с ключевым сообщением (например, "Найдите лучшие товары для своего бизнеса").
- Кнопки CTA: "Начать сейчас" и "Узнать больше".
3. Секция "Преимущества":
- Иконки и короткие описания основных преимуществ платформы (высокий трафик, удобная CRM-система, большая база покупателей).
4. Секция "Как это работает":
- Инфографика или пошаговая инструкция с описанием процесса работы с платформой для поставщиков и покупателей.
5. Секция "Популярные категории":
- Визуальный блок с иконками и названиями основных категорий товаров.
6. Отзывы клиентов:
- Секция с реальными отзывами пользователей платформы, возможно, с фото.
7. **Футер**:
- Дополнительные ссылки: "О нас", "Условия использования", "Политика конфиденциальности".
- Контактная информация.
- Социальные сети.
5. Требования к дизайну
- Цветовая гамма: Использовать корпоративные цвета (белый, синий, зеленый).
- Шрифты: Читаемые, современные шрифты (например, Arial, Helvetica, Roboto).
- Иконки и изображения: Высококачественные, соответствующие контексту.
- Адаптивность: Дизайн должен быть адаптивным для мобильных устройств и планшетов.
6. Технические требования
- Дизайн в формате Figma или Adobe XD.
- Все слои должны быть организованы и названы соответственно.
- Включить прототипы для основных взаимодействий.