Creating wireframes
Now that we have defined the goal of the project, we can start designing some wireframes.
In this project example, we'll only do a couple of screens. Here's the wireframe that we'll use for the homepage, events page, and upcoming events page. Wireframes are not meant to be polished and designed, they are just shaped to get an idea of the layout and content. So just use simple rectangles with your favorite design application, or you can even sketch it by hand.
Here's what we came up with:
For the events page:
And this is what we came up with for the event page:
