School Project: Savoureuses recettes

 

Collège de Maisonneuve

Web Design & Development

2015 · Canada

Project Overview

This project was created for the training “Conception and Web Development” of the Collège de Maisonneuve. The objective was to design and develop two sites, one for the user and another for the admin.

Users must create a profile inside “Savoureuses recettes” to build recipes, make lists of ingredients, add pictures or videos of the process. The user could vote other recipes and share with friends the most likely.

Admin could consult all content created by users in its own section. He could search and display a recipe by name, by author or date of publication. In addition, the manager can modify all parameters of a recipe or delete it completely from the database.



Project Process

Design

  • Create graphic guidelines: logotype, typographies, colors, etc.
  • Search images and videos to conceptualize recipes.
  • Conceptualize two pages and adapt the design to three screen sizes: large, medium and small. Use the 960 Grid System as a visual reference.

Development

  • Create a conceptual diagram of the database.
  • Create a list of functionalities for both sites.
  • Integrate Mock-ups into responsive HTML5 templates using media queries.
  • Create a database of recipes.
  • QA user and admin.

Iteration

The project was organized following SCRUM method in three sprints where all process was documented and evaluated.

Tools used

PHP

HTML5

CSS


Adobe Suite