О проекте
Подростковая платформа для публикации рецептов блюд
Длительность
3 месяца
Клиент
Личный проект
Калинин Алексей | дизайн, фронтенд-разработка
Крылов Николай | бэкенд-разработка
Задачей было создание понятной и доступной платформы, где подростки смогут делиться своими кулинарными идеями и обмениваться опытом с другими участниками
Мы хотим показать подросткам, что готовить — это круто и совсем не трудно
Ещё, мы проголодались — так зародилась идея «Мама, я повар!»
Подготовка ТЗ
Сначала мы продумали, какой будет функционал на проекте. Затем расставили приоритеты для задач и составили план разработки.
Поиск возможных решений
На основе технического задания, я составил в фигме структуру для всех страниц, где подробнее определил расположение и состав блоков. Для списка рецептов собрал необходимый контент.
Далее я проанализировал интерфейсы прямых и косвенных конкурентов. Выбрал подходящие под проект решения и составил из них доску референсов.
Создание дизайна
Следующим этапом, я делал наброски главной, страницы создания рецепта и страницы рецепта. Такой выбор обусловлен тем, что нужно было быстро перейти к разработке. После я постепенно создавал и прорабатывал дизайн остальных страниц.
Главной целью на этапе дизайна была скорость работы и создание консистентности и гибкости в интерфейсе — по этой причине я собрал UI-кит.
Разработка платформы
Параллельно с тем, как я рисовал дизайн, Коля создал репозиторий на гитхабе. В репозитории мы вместе работали над кодовой базой платформы. Впоследствии для удобства разработки создали организацию, где разделили верстку и серверную часть.
Фронтенд
Когда я закончил и утвердил дизайн приоритетных страниц, то сразу перешел к верстке. Помимо основных языков при верстке макетов использовал SCSS и Gulp. Фронтенд писал без фреймворков.
Бэкенд
Серверную часть платформы Коля разрабатывал на Python и фреймворке Django.
Так через неделю упорной разработки, мы закончили первые рабочие протопипы с регистрацией, созданием и оцениваем рецептов.
Доступность
Я хотел, чтобы платформа была доступна как можно большему числу людей, поэтому:
- Платформа работает во всех основных браузерах: Safari, Firefox и Chrome
- Я убедился, что все заголовки и другие HTML-теги имеют правильную семантику
- Я учел потребности пользователей, которые не пользуются мышью, и проработал интерфейс так, чтобы им можно было пользоваться без мыши
