Задание: Дизайнер сайтов. Лендинг-визитка презентабельный для PDF-сборника стихов и по (Дистанционная работа)
Сайт должен быть как «витрина для души» - визуально поэтичным, вдохновляющим и не перегруженным. Главная задача - дать пользователю читать сборник прямо на сайте и передать настроение автора. Это не коммерческий сайт, а эстетическая точка присутствия в интернете.
⸻
Структура сайта (можно переосмысливать - приветствуется креатив!)
1. Hero-блок (первый экран)
• Фон: полупрозрачное/приглушённое атмосферное изображение (перо, город, туман, старая книга - по выбору).
• Элементы:
• Имя поэта (или псевдоним) - выразительно, но не кричаще.
• Одна строка из стихотворения как слоган.
• Кнопка: "Читать стихи" - ведёт к блоку с PDF или книге.
2. Блок "О поэте"
• Фото (черно-белое или стилизованное).
• Мини-блок текста (3-5 строк о личности, стиле, посыле).
• Цитата-девиз автора.
• Стиль: в рамке или на полупрозрачном фоне.
3. Блок "Сборник стихов" (главный!)
• Предложить два варианта на выбор:
• Встроенный PDF-ридер (как листаемый журнал/книга).
• Галерея карточек: название стихотворения + первая строка + иконка.
• Обязательная кнопка: "Скачать весь сборник (PDF)".
• Фильтры по темам (опционально): Любовь / Природа / Философия.
• Эффект старой бумаги или визуальной «поэтической» текстуры - по желанию.
4. Контакты (в подвале)
• Email для связи.
• Иконки соцсетей: Instagram, Telegram, VK (если будут).
• Подписка на новинки - лаконично.
5. Футер
• Имя автора, год.
• Мини-рисунок (звезда, перо и т.д.) - как символ завершённости.
• (По желанию - издатель/хостинг/QR-визитка).
⸻
Визуальный стиль (Это база, но все на усмотрение творца).
• Минимализм + атмосфера: не мешать стихам, а усиливать их.
• Шрифты: поэтические, с засечками, читаемые (Garamond, Lora, Playfair и т.п.)
• Цветовая палитра: приглушённые, «литературные» тона (серо-синие, бордо, охра, чёрно-белые текстуры) Если использовать серые тона, то минимально, возможно даже белый будет лучше или другие вариации.
• Можно использовать фактуру бумаги, размытые фоны, гранж-эффекты - если это усиливает эстетику.
⸻
Адаптивность
• Обязательно красиво смотрится и на телефоне:
• PDF удобно читается, не сливается с фоном.
• Текст не теряется, кнопки нажимаемы.
• Без перегруза: суть - поэзия, не интерфейс.
⸻
Технические пожелания (для ориентира)
• Поддержка PDF.js или аналога (встроенный ридер).
• Возможно: псевдо-книга с листанием (по желанию).
• HTML/CSS/JS или чистый Figma-дизайн, если это конкурс только по макетам.
⸻
Примечание
Открыты к креативным идеям!
Можно предложить альтернативную подачу (например, интерактивную галерею, «открывающуюся книгу», параллакс-эффекты, анимацию появления строк и т.д.) - если это усиливает поэтическую атмосферу.
Главное - не перегрузить, сохранить фокус на красоте и читаемости.
Пример понравившегося сайта: mezhennaya .com ни в коем случае не копировать его.
Сборник стихов поэтессы прикрепляю к заданию.
Скриншот из оглавления сборника прикрепляю к заданию.
