Figma wireframing

Low fidelity

I began with very simple low fidelity wireframes in figma using only rectangles and squares shapes to highlight where I want images and text.

Homepage-

About me-

Case study-

Contact me-

High fidelity

Next I took the wireframes above further and created high fidelity mockups of what the screens of my portfolio could look like. I used the fonts and colour schemes that I hope to use in Webflow, as well as the same images of my own work.

Homepage 1 option-

Homepage 2 option-

Project page-

Case study layout-

About me-

Contact me-

Reflection and What is next for me?

It is very satisfying to see my work progress from sketches to lf wireframes and then high res mockups. I really think that this project is coming together and I will present these wireframes to Kyle for the crit and see how he feels about them and I am excited to see how I can improve these ideas. I think that when I begin to build in Webflow it will really come to life and this has given be a solid foundation for that.