Разработка дизайна для блога

Какую основную цель должен выполнять блог?

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

Какой стиль дизайна вы предпочитаете?

• минималистичный

• модный и современный

• корпоративный

Пример: Современный корпоративный стиль с элементами минимализма и акцентом на визуальный контент, структурность, читаемость и доверительный UX.
⚠️ Важно: дизайн блога должен быть визуально согласован с основным сайтом интернет-магазина LEDStore (ASSE). Шрифты, кнопки, отступы, поведение интерактивных элементов — должны быть стилистически совместимыми.

Какие основные разделы или функции должны быть на блоге?

• Главная страница блога

• Страница статьи

• Фильтрация по категориям

• Поиск по записям

• Sidebar с виджетами: подписка, категории, популярное

• Блоки “Рекомендуем” и “Популярные материалы”

• Форма подписки

• Комментарии (по желанию)

• CTA: «Записаться на консультацию», «Скачать чеклист»

• Адаптивность под устройства

Какую цветовую палитру и шрифты вы хотите использовать?

• Цвета:

  • Фон: #FDFDFD

  • Текст: #2A2A2A

  • Брендовый акцент: #C69D6D (цвет логотипа блога)

  • Доп. акцент: #0066FF (если применим в рамках текущего дизайна)

• Шрифты:

  • Основной: Inter или Roboto

  • Те же, что и в интернет-магазине (если отличны — придерживаться их)

Какие элементы дизайна должны быть на главной странице?

• Слайдер / Hero-блок с избранными статьями

• Горизонтальный список категорий

• Сетка карточек постов (thumbnail, заголовок, дата, автор, краткое описание)

• Блок “Популярные статьи”

• Рекомендованные статьи

• Боковая колонка с виджетами

• CTA-блок внизу (например: «Получите бесплатную консультацию»)

Должны ли изображения и видео быть частью дизайна?

Да.

Пример:

• Крупные изображения в карточках и вверху статей

• Поддержка вставки видео, галерей, схем монтажа

• Возможность мини-галерей и тех. превью в статьях

Какой адаптивный дизайн нужен?

Пример: Полноценная адаптация:

• Десктоп (≥1280px)

• Планшеты (≥768px)

• Смартфоны (≥320px)
  Мобильная версия с вертикальной логикой, swipe-слайдером, дропдауном категорий, доступной навигацией.

Есть ли примеры блогов, которые вам нравятся?

• https://jnews.io/default/ — базовая логика отображения контента

Укажите любую дополнительную информацию, которую вы считаете важной.

• Дизайн должен быть выполнен в Figma

• Ознакомиться с блогом https://ledstore.fi/blog

• Важно: блог — часть интернет-магазина LEDStore https://ledstore.fi, дизайн должен быть согласован с визуальной системой магазина

• Необходимо подготовить:

  • Главную страницу блога (десктоп + моб)

  • Страницу статьи (десктоп + моб)

  • UI Kit: кнопки, цвета, карточки, формы, иконки, типографика

• Дизайн будет внедряться во фронтенд на Svelte, данные приходят по REST API из WordPress

• Компоненты должны быть модульными и легко переносимыми в верстку