top of page

Planning and Production

I first off had to learn about how to use wix.com therefore I search up tutorials and watched the one linked below. After doing so I could then mover onto making my wireframes.

​

https://www.youtube.com/watch?v=XrjXU1Tlga0

image0.jpeg

At the start are two wireframes I made on paper however in the end did not really choose to base my design off of. In the end I chose the one at the end of the slides of the two pieces f paper joined together. I was unable to do my design exactly like this after learning about menus but could incorporate many elements.

p1.PNG
p2.PNG
p3.PNG

These are a few production screenshots from when I was making my website. I had to do a lot of moving around but in the end managed to make a design that was both pleasing to the eye and easier to navigate. I had tried to use the green buttons for each project but had learnt that I need to use a menu, however decided to keep these green squares a type of timeline of what I have been doing in what order.

p4.PNG

On the right there are two photos showing examples of before and after I had edited the mobile mode. After making my website I wanted it to be more accessible to more users so I looked into what the mobile version looked like. It was very messy but after some quick moving around it came together and was able to be readable and visually pleasing to the eye.

p5.PNG
bottom of page