Design development for the blog
What is the main goal the blog should achieve?
Professional blog in the field of lighting, LED technologies, automation, and project installation.
The goal is to provide expert content for a broad and professional audience, inform about solutions, educate, motivate interaction with the online store, build trust, and stimulate inquiries.
What design style do you prefer?
minimalist
trendy and modern
corporate
Example: Modern corporate style with elements of minimalism and emphasis on visual content, structure, readability, and trustworthy UX.
⚠️ Important: the blog design must be visually consistent with the main website of the LEDStore online shop (ASSE). Fonts, buttons, margins, behavior of interactive elements — should be stylistically compatible.
What main sections or functions should the blog have?
Blog homepage
Article page
Filtering by categories
Search through posts
Sidebar with widgets: subscription, categories, popular
“Recommended” and “Popular materials” blocks
Subscription form
Comments (optional)
CTA: “Schedule a consultation”, “Download checklist”
Responsive for devices
What color palette and fonts do you want to use?
Colors:
Background:
#FDFDFDText:
#2A2A2ABrand accent:
#C69D6D(blog logo color)Additional accent:
#0066FF(if applicable within current design)
Fonts:
Main: Inter or Roboto
The same as in the online store (if different — follow those)
What design elements should be on the homepage?
Slider / Hero block with featured articles
Horizontal list of categories
Grid of post cards (thumbnail, title, date, author, brief description)
“Popular articles” block
Recommended articles
Sidebar with widgets
CTA block at the bottom (e.g., “Get a free consultation”)
Should images and videos be part of the design?
Yes.
Example:
Large images in cards and at the top of articles
Support for embedding videos, galleries, installation diagrams
Ability to include mini-galleries and technical previews in articles
What responsive design is needed?
Example: Full adaptation:
Desktop (≥1280px)
Tablets (≥768px)
Smartphones (≥320px)
Mobile version with vertical logic, swipe slider, category dropdown, accessible navigation.
Are there any blog examples you like?
https://jnews.io/default/ — basic content display logic
Provide any additional information you consider important.
The design should be created in Figma
Familiarize with the blog https://ledstore.fi/blog
Important: the blog is part of the LEDStore online store https://ledstore.fi, the design must be coordinated with the store's visual system
Prepare:
Blog main page (desktop + mobile)
Article page (desktop + mobile)
UI Kit: buttons, colors, cards, forms, icons, typography
The design will be implemented in the frontend on Svelte, data comes via REST API from WordPress
Components should be modular and easily transferable to layout
Какую основную цель должен выполнять блог?
Профессиональный блог в области освещения, 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
Компоненты должны быть модульными и легко переносимыми в верстку