презентация сайта конструктор

1.

Сайт-конструктор:
удобный дизайн
Командный проект по созданию простого сервиса для
генерации одностраничных сайтов
React + Vite
Netlify
Одностраничники
Подготовили: Лутай Дмитрий Игоревич, Воронцова
Мария Владиславовна, Закора Снежана Сергеевна,
Елкина Елизавета Сергеевна

2.

Идея проекта
Что именно мы хотели сделать
• Сервис задает пользователю вопросы о будущем
сайте.
• На основе ответов формируется готовый вариант
одностраничника.
• Пользователь может увидеть итоговый макет и
понять, как будет выглядеть сайт.

3.

Задача и целевая аудитория
Для кого полезен такой продукт
• Проект ориентирован на малый бизнес и
учебные/личные проекты.
• Главная задача — быстро собрать понятный макет
сайта без сложных настроек.
• Мы делали упор на простую навигацию, визуальную
аккуратность и адаптивность.

4. КОМАНДА

Лутай Дмитрий
Менеджер проекта, разработчик
Воронцова Мария
Дизайнер
Закора Снежана
Технический писатель
Елкина Елизавета
Тестировщик, публикация
сайта

5.

Планирование работы
Сначала распределили задачи, потом собирали общий результат
• Определили идею продукта и минимальный набор
функций.
• Разделили работу между участниками команды.
• Согласовали, какие материалы нужны для сдачи:
сайт, документ, скриншоты и ссылка.

6.

Дизайн и эскизы
Визуальная часть была подготовлена до финальной сборки
• Подготовили несколько вариантов оформления
сайта.
• Выбрали спокойную визуальную стилистику и
понятную структуру блоков.
• Эскизы использовались как ориентир при
разработке интерфейса.

7.

Разработка сайта
Как была собрана техническая часть
• Проект собран на React и Vite.
• Сделаны страницы: стартовый экран, вопросы,
результат и предпросмотр сайта.
• Добавлена навигация, логика выбора ответов и
адаптивная верстка.

8.

Тестирование и исправления
После сборки проверяли работу сайта на разных экранах
• Проверяли кликабельность кнопок и переходы
между страницами.
• Исправляли отображение карточки вопросов на
мобильных экранах.
• Проверяли внешний вид в разных браузерах и
после публикации.

9.

Публикация проекта
Итоговую версию разместили на бесплатном хостинге
• Сайт был собран в финальную версию и
опубликован на Netlify.
• Репозиторий проекта сохранен на GitHub.
• Перед сдачей нужно приложить ссылку, архив
проекта и скриншоты.
Ссылка на сайт: siteconstructor.netlify.app
GitHub: github.com/EmeraldSmoke/site-constructor

10.

Итог проекта
Что получилось в результате
• Получился рабочий прототип сайта-конструктора.
• Команда прошла полный цикл: идея, дизайн,
разработка, тестирование и публикация.
• Проект можно развивать дальше: добавить больше
шаблонов и сохранение результата.