Digital Media Student
I am a first year Digital Media student at UWE, exploring the foundations of web design, graphic communication and creative digital tools. I am interested in clean, minimal interfaces and responsive layouts built with HTML, CSS and Bootstrap. Through this project I have begun to understand how visual design and coding can work together to create simple but engaging user experiences.
Focus areas
Three geometric pieces exploring contrast, repetition and randomisation through simple shapes.
This composition is inspired by the idea behind yin and yang, where opposite forces depend on each other to feel complete. The design uses a divided circle to show light and dark working together, and the two small dots highlight how each side contains a hint of the other. It represents balance created through contrast, and how opposing elements can form a unified whole.
This composition represents a simple sunset using repeated horizontal strips. The warm sun contrasts with the cooler tones below it, while the layered rectangles gradually darken to suggest depth and distance. The repetition creates rhythm, similar to waves or layered landscapes, showing how tone and spacing can change the feeling of an otherwise minimal layout.
This design is inspired by the appearance of a city building at night. Each window is part of a strict grid, but the lights switch on and off in unpredictable ways. The composition explores how randomness can exist within structure, creating a pattern that feels dynamic while still remaining organised and controlled.
A generative coding project where simple rules and interaction create moving visuals.
This work comes from my Generative Coding module. I used p5.js to build an interactive sketch that responds to user movement. The sketch is driven by simple rules, but the outcome often looks complex and unpredictable.
This project helped me understand coding as a creative drawing tool, rather than something that is only technical. It also connects to my graphic compositions, because the sketch explores repetition, contrast and randomisation in motion instead of static shapes.
This project has helped me understand how design and development work together. Creating the compositions in Figma taught me how simple shapes can communicate ideas when they are arranged with purpose. Rebuilding everything as a website improved my ability to structure layouts with HTML and CSS and consider readability, spacing and responsiveness. I learned that even small design choices, such as tone or alignment, have a big impact on how a page feels. Overall, the project made me more confident working between visual planning and front-end coding, and I hope to keep strengthening this workflow in future modules.