Webpage Mockup

Viewed here - An example of an UI mockup, showcasing understanding of design fundamentals and skill in Adobe XD.

The goal of this project was to create a simple responsive mockup of a webpage. Inspired by the visual style of pet/adoption websites, I decided on a playful but refined combination of typeface and color, establishing these choices and my chosen images via moodboard.

After setting up a layout system, it was time to develop the interface. This mockup features a dynamic set of columns; it also includes link animations and menu scrolling. Additionally, the contrast of each design element was carefully tested in order to meet a standard of accessibility.