Задание: Дизайнер сайтов. Разработка дизайна сайта (Дистанционная работа)
Требуется разработка дизайна главной страницы сайта ГДЗ. Дизайн должен быть адаптивным и корректно отображаться на мобильных устройствах, планшетах и компьютерах. Будет использоваться Tailwind CSS, поэтому рекомендуется придерживаться встроенной цветовой палитры библиотеки. Иконки должны использоваться в формате SVG из набора Heroicons.
Дизайн должен быть универсальным, так как планируется запуск множества сайтов, каждый из которых будет связан с определённым предметом и классом (например, gdz-matematika-6klass.ru, gdz-fizika-8klass.ru и т.д.). Все сайты будут использовать один и тот же шаблон, отличаясь только содержанием. Поэтому все элементы дизайна должны быть гибкими и легко адаптируемыми под разные данные.
Разработка будет разделена на два этапа. На первом этапе нужно подготовить и согласовать дизайн главной страницы. Только после утверждения дизайна будет принято решение о продолжении работы над остальными страницами сайта.
Главная страница обязательно должна включать навигацию, в которую входят логотип (пока используется заглушка) и строка поиска. Также должен быть реализован выбор предмета и класса удобных для мобильного взаимодействия. Обязательным элементом также является список учебников, представленных на сайте. Этот список должен быть с поддержкой пагинации — пользователи должны иметь возможность листать страницы со списком книг.
Кроме того, на главной странице должно быть размещено краткое описание (SEO текст) — 2–3 абзаца текста (предусмотреть заголовки между абзацами), содержащие ключевые слова и описание тематики сайта. Этот текст должен быть органично вписан в структуру страницы, не мешать основному контенту и при этом быть доступным для поисковых систем. Сам текст можно взять любой (например, текст-рыба)
Футер должен содержать копирайт и ссылки, такие как политика конфиденциальности, пользовательское соглашение.
Новый функционал придумывать не требуется. Однако, если есть предложения по улучшению существующего функционала, структуры или визуального оформления, они могут быть обсуждены и согласованы. Желательно начать с прототипа, чтобы определить оптимальное расположение элементов на странице и избежать лишней работы в будущем. Прототип можно представить в виде схемы, черновика или макета в Figma.
Дизайн должен быть современным, чистым и удобным. Не допускается использование серой палитры в качестве основной цветовой схемы. Все используемые цвета должны легко переопределяться через конфигурацию Tailwind, чтобы обеспечить визуальное разнообразие между сайтами.
Логотип пока отсутствует, поэтому необходимо использовать текстовую или графическую заглушку. Основное внимание должно быть уделено удобству взаимодействия и простоте интерфейса. Можно ориентироваться на сайты-конкуренты в данной нише, но при этом стремиться сделать интерфейс понятнее и приятнее для пользователя. Результатом первого этапа должен быть адаптивный макет главной страницы, оформленный с учётом вышеуказанных требований. После его утверждения можно будет приступить ко второму этапу, включающему разработку остальных страниц.
Результат работы должен быть в формате figma. Если вы дочитали до конца напишите "ГДЗ" последним словом в вашем отклике!
