COMM1730 Interface Design · University of Leeds
A Digital Media student learning to build web experiences that are professional, accessible, and genuinely useful. This portfolio collects my work from the Interface Design module. Student ID: 201985221 · Email: cbtz0822@leeds.ac.uk
View my work ↓I'm Chuyang Shao, a first-year student on the Digital Media programme at the University of Leeds. COMM1730 has been where I really started to appreciate the craft behind web interfaces — how small choices in layout, colour, and typography can completely change a user's experience.
Outside of coursework I spend most of my time playing video games and reading novels. Games have actually shaped how I think about interface design — I notice how menus, HUDs, and in-game UI guide players without getting in the way. Reading keeps me curious and open to new ideas, and I enjoy exploring how visual storytelling and digital interaction overlap.
Each card links to a self-contained website built during the module.
A full redesign of an existing site focusing on layout, accessibility, and responsive CSS. Includes the Student Project popup.
A file-system navigation exercise — downloading, moving, renaming files and solving puzzles to reveal a hidden gem.
A typographic web page inspired by Italo Calvino, using semantic HTML and considered layout.
Experiments with display, float, positioning, and background-image — exploring fundamental CSS layout techniques.
Four abstract artworks recreated entirely in HTML and CSS — Herrera, Halley, Taeuber-Arp, and van Doesburg.
Multi-page microsite with navigation, two-column and three-column CSS layouts, and Student Project popup.
Fluid floating-box grid with media queries at three breakpoints, adapting from desktop to mobile.
DOM manipulation, event handling, theme switching, dynamic lists, image gallery, and a calculator — all with vanilla JS.
Template declaration: This portfolio layout is inspired by the Phantom template from HTML5 UP (CCA 3.0). Layout and styles have been substantially customised. All third-party resources are declared in the Turnitin submission.