Wireframes

I’m thinking of making a webpage in a diary theme with pieces of paper to display the content. The first page will contain the main menu, my profile picture, and a small bio about me. Scrolling down shows more details gradually. This can be combined with a gallery of images in different shapes. 

The list of works will be displayed in paper note-like shapes with some descriptions on the side. The rest of the webpage is to showcase my work.

To refine the wireframe, I started to sketch in detail. I put the letters stacked on top of each other to build the outline for introduction. I also changed the position of the menu instead of keeping them on the same line, which was a bit bland.

To introduce myself more, I eliminated the part with lots of words and found another way to demonstrate the bio, which are the  word search puzzles. The searched keywords are those describing my styles or personalities in design. It also leads to more detailed info then so that the approach to reading about me is not boring. 

Within the concept, I put in the zip bag element consisting of many stickers that also hold the keywords defining myself and sharing more content while hovering over. I didn’t figure out the method to do it and have no idea if it was doable but it’s my idea and what I’m thinking about a new idea for the showcase.

With this wireframe, the list of works is kept similar to the previous one but I refined it a bit (to make it clearer and easier when officially designing the webpage)

Also, the specific wireframe for each assignment works.

• Wireframes practice in class (Canvas and Gmail):