Учебная работа для отработки навыков веб-дизайна и вёрстки лендинга. Создание сайта для мастер-класса по гончарному делу с акцентом на творчество, тактильность и создание своими руками. Задача — передать атмосферу уюта, творчества и вдохновения через тёплую цветовую палитру, эстетику керамики и продуманную структуру, мотивирующую записаться на мастер-класс.
Для работы был выбран формат одностраничного сайта (лендинг) с чёткой структурой и убедительными элементами.
Основные этапы работы:
1) Анализ задачи: определила концепцию сайта — лендинг для мастер-класса по созданию керамической чаши за 3 часа. Целевая аудитория — новички, которые хотят попробовать гончарное дело, снять стресс и создать что-то своими руками.
2) Подбор цветовой палитры: выбрала тёплую природную гамму, ассоциирующуюся с глиной и керамикой:
- бежевый/кремовый — глина, натуральность, уют
- терракотовый/оранжевый — энергия, творчество, акцент
- коричневый — земля, стабильность, ремесло
- белый/слоновая кость — чистота, воздух, минимализм
3) Проработка структуры лендинга:
- Главный экран: атмосферное фото процесса работы с глиной на гончарном круге, заголовок «Создай свою первую керамическую чашу за 3 часа», дата и время (25 марта, суббота, 14:00-17:00), место (Гончарная студия «Глина»), кнопка «Записаться»
- Секция «Этот мастер-класс для вас, если: блок с фото процесса и списком (хотите попробовать новое, снять стресс, создать уютную посуду, найти интересное свидание, необычный подарок)
- Фото готовых изделий: демонстрация результатов (разноцветные керамические тарелки и чаши)
- Что включено: готовое изделие, базовые навыки, фотографии процесса, заряд вдохновения
- Секция «Программа мастер-класса»: 4 этапа с нумерацией (знакомство, практика на круге, перерыв, декор и финиш) с временными слотами
- Секция «Ваш наставник»: фото и информация о Геннадии Волкове (10+ лет опыта, выпускник СПб художественно-промышленной академии, участник выставок, провёл 200+ мастер-классов)
- Секция «Места ограничены!»: акцент на ограниченности (всего 8 человек в группе), кнопка «Занять место бесплатно»
- Информация о студии: фото студии, описание (уютная гончарная мастерская), адрес (ул. Уличная, 1), телефон, email
- Секция «Частые вопросы»: 4 вопроса с ответами (нужен ли опыт, что брать с собой, можно ли с детьми, что если опоздаю)
4) Работа с типографикой:
- выбрала элегантные шрифты с засечками для заголовков (передача ремесла, традиций)
- читаемые шрифты для основного текста
- создала визуальную иерархию (крупные заголовки, подзаголовки, списки)
- обеспечила достаточный контраст для удобства чтения
5) Подбор и размещение изображений:
- атмосферное фото процесса в шапке (руки на гончарном круге)
- фото наставника за работой (передаёт профессионализм)
- фото готовых изделий (вдохновляет результатом)
- фото интерьера студии (показывает атмосферу)
6) Создание адаптивной композиции:
- использование бежевых и белых секций для лёгкости восприятия
- оранжевые акценты для кнопок и важных элементов (призывы к действию)
- достаточное количество «воздуха» (отступов) для эстетики
- нумерация этапов программы для наглядности
- чек-маркеры для преимуществ
7) Проверка удобства: убедилась, что навигация интуитивно понятна, информация о дате, времени и месте чёткая, программа прозрачная, есть социальные доказательства (наставник, отзывы), а общий дизайн передаёт атмосферу творчества и уюта гончарной мастерской.
Пожаловаться
