UI and Front-end Web Development
University Course, 2023.
The task was to generate a responsive static website for the ANU Graduate Showcase, using personally-authored HTML and CSS. The process encompassed research of web best practices and the design of elements such as typography, layout, visual aesthetics, interface behaviours, and information architecture.
Desktop view click-through:
Mobile view click-through:
Process
Information architecture mapping:
Logo design:
A logo helped give the site an aesthetic identity.
Low-fidelity Wireframing:
Adobe XD was used to produce early wireframes.
High-fidelity Wireflows:
A mobile-first approach ensured the design would be effective when viewed on phones, the most commonly used devices when browsing the internet.
Visual Studio Code
Over 1200 lines of CSS were written from scratch to style the HTML for the website.
