ДИЗАЙН СТРАНИЦЫ ДЛЯ СЕРВИСА ДЛЯ ЧИТАТЕЛЕЙ СРОЧНО
1. Общая информация
Тип продукта: вебсайт для читателей
Цель: помочь пользователям находить, сохранять и читать книги/обзоры/рецензии
Платформа: Desktop (1440px) + адаптация 768px и 360px
Формат сдачи: Figma + JPEG
🔹 БЛОК 1. Дизайн-система
1.1 Необходимо:
Выбрать дизайн-систему в Figma Community
Добавить её в Drafts
Проанализировать компоненты
При необходимости адаптировать под проект
1.2 Обязательно в системе:
✅ Стили:
Typography styles (H1–H6, Body, Caption)
Color styles (Primary, Secondary, Neutral, Error, Success)
Grid (для 1440)
✅ Компоненты:
Header / Navigation
Buttons (Primary, Secondary, Disabled)
Input fields
Search bar
Card (книга)
Tabs
Dropdown
Pagination
Modal window
Footer
✅ Варианты компонентов:
Например для кнопки:
Default
Hover
Active
Disabled
Loading
🔹 БЛОК 2. Вайрфреймы (минимум 5 страниц)
Создать логический User Flow:
Пользователь → находит книгу → читает детали → добавляет в сохранённое → читает/оставляет отзыв
Обязательные страницы:
Главная
Каталог книг
Страница книги
Профиль пользователя
Страница чтения / сохранённых книг
📌 Фрейм 1440px
📌 Использовать реальный текст
📌 Соблюдать сетку
🔹 БЛОК 3. UI (визуал)
На основе вайрфреймов создать UI:
Использовать компоненты дизайн-системы
Сохранять консистентность
Соблюдать принципы UX:
простота
минимум кликов
логическая навигация
понятные CTA
🔹 БЛОК 4. Таблица (для сервиса читателей)
Создать UI таблицы для:
Вариант:
Список прочитанных книг пользователя
Колонки:
Название книги
Автор
Жанр
Статус (читает / прочитано / планирует)
Рейтинг
Дата добавления
Обязательно:
Сортировка (по названию, жанру, рейтингу)
Поиск
Desktop layout
Достаточные отступы между колонками
Реальные данные
🔹 БЛОК 5. Страница 404
Обязательно:
Заголовок:
Ошибка 404: Страница не найдена
Описание:
Объяснение, что страницы не существует или её было удалено.
Действия:
Перейти на главную
Вернуться назад
Воспользоваться поиском
Стиль:
Лёгкий юмор
Иллюстрация (книга, что “потерялась”, библиотекарь и т.д.)
🔹 БЛОК 6. Адаптация
Адаптировать минимум 1 экран:
768px (планшет)
360px (мобильный)
Рекомендации:
Бургер-меню
Карточки в 1 колонку
Меньше горизонтального скролла
Результаты работы
Отзыв заказчика о сотрудничестве с Yevheniia H.
ДИЗАЙН СТРАНИЦЫ ДЛЯ СЕРВИСА ДЛЯ ЧИТАТЕЛЕЙ СРОЧНООчень приятно было сотрудничать, делает всё и даже больше, 10 из 10!
Отзыв фрилансера о сотрудничестве с Artem Turchyn
ДИЗАЙН СТРАНИЦЫ ДЛЯ СЕРВИСА ДЛЯ ЧИТАТЕЛЕЙ СРОЧНООчень приятное сотрудничество! Четкое формулирование требований к дизайну и активное вовлечение в процесс — с предоставлением материалов, объяснений и наработок в Figma — помогли быстрее понять задачу и достичь качественного результата. Рекомендую к сотрудничеству без оговорок.
-
533 2 0 -
716 3 0 Здравствуйте! Меня интересует ваш проект, хотелось бы узнать сроки, насколько это "срочно". У меня есть опыт работы над читательским приложением, концепция очень похожа на вашу, вы можете посмотреть эту работу в моем портфолио:
Behance
-
255 Привет! Готова обсудить детали в личных сообщениях)
Мои работы:
Behance
Behance
https://sweetale.ua/
https://tarovanillafields.com/
https://epil.galaxyarts.agency/
https://peisakhova.com/
https://rnb-team.galaxyarts.agency/
… https://lunkado.com/
https://www.0mould.co.uk/
https://bgsoft.agency/
https://www.cleverbloom.co.uk/
https://rkr.optimizeup.io/
http://index.optimizeup.io/uk/
https://www.sequoia.gg/
-
643 5 0 Здравствуйте!
Меня заинтересовала ваша задача, у меня есть опыт в создании дизайнов. Я работаю качественно и в Figma.
Портфолио:Freelancehunt
Актуальные фриланс-проекты в категории Дизайн интерфейсов (UI/UX)
UX/CRO специалистЧто нужно: Провести аудит интернет-магазина и выявить причины низкой конверсии. Проанализировать структуру каталога, карточки товаров, корзину, оформление заказа, коммерческие факторы и UX. Дать конкретный список доработок с приоритетами и ожидаемым эффектом. При наличии… Дизайн интерфейсов (UI/UX) ∙ 22 часа 47 минут назад ∙ 14 ставок |
Необходимо перенести и адаптировать дизайн со старого сайта на новыйЗдравствуйте. Нужно перенести и адаптировать дизайн старого сайта msonya.com на новый шаблон test.msonya.com и сделать дизайн каждой страницы сайта в фигме для дальнейшего «натягивания» дизайна на сайт. Два формата: десктоп и мобильный Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 2 дня 13 часов назад ∙ 45 ставок |
UI/UX Аудит и приведение сайта к единому стилю
8000 UAH
Важно: рассматриваем только специалистов с подтвержденным опытом, с портфолио. Разрабатывается сайт агентства недвижимости. Все основные страницы уже собраны и сверстаны в Lovable. На текущем этапе требуется провести профессиональный аудит интерфейсов, выявить визуальные и… Дизайн интерфейсов (UI/UX) ∙ 2 дня 17 часов назад ∙ 33 ставки |
Ищем дизайнера для создания серии триггерных email-рассылок для бренда мужских аксессуаровМы ищем опытного email-дизайнера для разработки дизайна серии триггерных писем для бренда мужских аксессуаров. Тексты писем уже готовы. Задача заключается именно в создании качественного, современного и адаптивного дизайна, который будет соответствовать стилю бренда, нашей… Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 2 дня 19 часов назад ∙ 15 ставок |
Нужен UI/UX-дизайнер: редизайн каталога + карточки товара (Figma)Действующий интернет-магазин дисков и шин OBERT (https://obertshop.com.ua). Нужен редизайн двух существующих страниц: Каталог (перечень товаров) — https://obertshop.com.ua/shop/Карточка товара — пример:… Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 3 дня 15 часов назад ∙ 68 ставок |