Year: 2026

Practical Exercise

Adaptation for Web

Following the development of the mobile prototype, I adapted the Amplify Music Fest app for desktop using Figma. I aimed to translate the mobile experience into a layout that takes advantage of larger screens, multicolumn structures, and mouse‑based interaction. The desktop version maintains the same visual identity as the mobile app but restructures content to […]

Practical Exercise

High-Fidelity Mobile Prototype

Building on the low‑fidelity wireframes from Post 2, I developed a full high‑fidelity mobile prototype for the Amplify Music Fest app using Figma. This stage focused on transforming the structural layouts into a polished interface that reflects the festival’s energetic identity. The design incorporates refined typography, consistent spacing, and a component‑based system that ensures visual […]

Practical Exercise

User Flow & UI Wireframing

UX Design Statement The Amplify Music Fest app is designed to support festival‑goers before, during, and after the event by providing fast access to essential information such as artists, schedules, live updates, and ticket details. The UX approach prioritises clarity, speed, and reduced cognitive load, ensuring users can navigate confidently in busy, low‑light festival environments. […]

Practical Exercise

Design Research

Initial Ideas and Concept Exploration For this project, I began by exploring how a mobile companion app could enhance the experience of Amplify Music Fest. I also took ideas from one of the assignments given for our gallery, so I added that into the blog post. I created an outdoor festival in the north of […]

GD:UIUX Design Portfolio

High-Fidelity Mobile App

The high‑fidelity Urban Art mobile app prototype demonstrates how the visual identity and UX principles defined in the style guide translate into a functional digital experience. Earthy greens, warm golds and soft neutrals are used to create a calm, gallery‑like environment that allows the artwork to take centre stage. This palette supports visual hierarchy by […]

GD:UIUX Design Portfolio

 Design Style Guide

The urban art style guide establishes a cohesive visual identity that reflects the atmosphere of a contemporary gallery space. The colour palette is built around earthy greens, muted golds, and warm neutrals, inspired by natural pigments and traditional art materials. These tones create a grounded, museum‑like environment that supports the artwork without overpowering it. The […]

Design Development Blog

 Design Elements

This post shows the early design elements you created to establish the visual identity of your Urban Art app. These are NOT final; they are the building blocks that later become your style guide. The primary logo explores a bold, graphic identity inspired by contemporary urban art. The star shape creates a strong visual anchor […]

Design Development Blog

 Low-Fidelity Prototype

This post presents the early structural development of the urban art mobile app. The focus at this stage is on layout, flow, and user journeys, rather than visual styling. These prototypes helped establish how users move through the app and complete key tasks such as browsing artwork, viewing details, and accessing account features. Crazy 8 […]

Design Development Blog

Design Reflection

This post reflects on the design decisions made throughout the development of the urban art mobile app. It includes the assumptions that shaped the design process, the criteria used to define success, and the visual research that informed the final direction. Assumptions Made During the Design Process During development, several assumptions guided the design: Users […]

Prescribe Exercise

Low-Fidelity Prototype.

The low‑fidelity prototype for the Urban Arts mobile app focuses on establishing the core structure, navigation, and user flow before introducing any visual styling. This stage of development prioritises clarity, usability, and task completion, allowing design decisions to be tested and refined without the distraction of colour, typography, or decorative elements. The prototype is informed […]

Back To Top