Web Design: Kathleen’s Kids Mockup

For this web design portfolio piece, my assignment was to create a multipage mockup of a website from scratch. It needed to contain a static simulation of typical user interaction using HTML, CSS, and other appropriate web design technologies.

I needed to design a website for a specialty retail business whose current layout could use an update! I chose the children’s clothing store Kathleen’s Kids for my assignment.

My Mockup Home Page

Click above to explore my final web design product.

Production Information

The following is the starting prototype I created

The next pdf contains the wireframe for my web design.

I also created two Adobe XD prototypes:

One contains the full design for the css/decorated webpage

The other contains the font testing I did before I settled on the final text styles.

Finally, the following pdf contains the screenshots of the final product!

You may also like...