Projektowanie grafiki dla bloga
Jaka główna cel ma spełniać blog?
Profesjonalny blog w dziedzinie oświetlenia, technologii LED, automatyzacji i montażu projektowego.
Celem jest dostarczanie eksperckiej treści dla szerokiej i profesjonalnej publiczności, informowanie o rozwiązaniach, szkolenie i motywowanie do interakcji z internetowym sklepem, budowanie zaufania i stymulowanie zapytań.
Jakiego stylu designu preferujesz?
minimalistyczny
modny i nowoczesny
korporacyjny
Przykład: Nowoczesny styl korporacyjny z elementami minimalizmu i akcentem na treści wizualne, strukturalność, czytelność i zaufanie UX.
⚠️ Ważne: design bloga musi być wizualnie zgodny z główną stroną internetowego sklepu LEDStore (ASSE). Czcionki, przyciski, marginesy, zachowanie elementów interaktywnych — muszą być stylistycznie kompatybilne.
Jakie główne sekcje lub funkcje powinien mieć blog?
Strona główna bloga
Strona artykułu
Filtrowanie według kategorii
Szukaj wpisów
Pasek boczny z widgetami: subskrypcja, kategorie, popularne
Bloki „Polecamy” i „Popularne materiały”
Formularz subskrypcji
Komentarze (opcjonalnie)
CTA: „Umów się na konsultację”, „Pobierz checklistę”
Responsywność na urządzenia
Jaką paletę kolorów i czcionki chcesz używać?
Kolory:
Tło:
#FDFDFDTekst:
#2A2A2AAkcent marki:
#C69D6D(kolor logo bloga)Dodatkowy akcent:
#0066FF(jeśli jest stosowany w ramach obecnego designu)
Czcionki:
Podstawowa: Inter lub Roboto
Te same co w sklepie internetowym (jeśli różne — należy się do nich stosować)
Jakie elementy designu powinny znaleźć się na stronie głównej?
Suwak / Hero-bloс z wyróżnionymi artykułami
Horyzontalna lista kategorii
Siatka kart postów (miniatura, tytuł, data, autor, krótki opis)
Blok „Popularne artykuły”
Rekomendowane artykuły
Pasek boczny z widgetami
CTA w dolnej części (np.: „Otrzymaj darmową konsultację”)
Czy obrazy i filmy mają być częścią designu?
Tak.
Przykład:
Duże obrazy w kartach i na górze artykułów
Wsparcie wstawiania filmów, galerii, schematów montażu
Możliwość mini-galerii i podglądów technicznych w artykułach
Jaki potrzebujesz responsywny design?
Przykład: Pełna adaptacja:
Desktop (≥1280px)
Tablety (≥768px)
Smartfony (≥320px)
Wersja mobilna z pionową logiką, swipe-suwakiem, rozwijanymi kategoriami, dostępną nawigacją.
Czy masz przykłady blogów, które Ci się podobają?
https://jnews.io/default/ — podstawowa logika wyświetlania treści
Podaj wszelkie dodatkowe informacje, które uważasz za ważne.
Design musi być wykonany w Figma
Zapoznać się z blogiem https://ledstore.fi/blog
Ważne: blog — część sklepu internetowego LEDStore https://ledstore.fi, design musi być zgodny z wizualnym systemem sklepu
Należy przygotować:
Stronę główną bloga (desktop + mobil)
Stronę artykułu (desktop + mobil)
UI Kit: przyciski, kolory, karty, formularze, ikony, typografia
Design będzie wdrażany w frontend na Svelte, dane pochodzą z REST API z WordPressa
Komponenty muszą być modułowe i łatwo przenośne do kodu
Какую основную цель должен выполнять блог?
Профессиональный блог в области освещения, 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
Компоненты должны быть модульными и легко переносимыми в верстку