Category: design
-
Developing a polished product landing page from a wireframe requires striking a balance between visual appeal and structural efficiency. For my latest front-end assignment, I constructed a comprehensive showcase for AuraLuxe, a fictional ambient home décor and smart lighting brand. The core objective was to move away from writing custom…
-
+
+
+
+
+
+
For this assignment, I developed GreenNest, a demo property search platform designed to streamline the discovery of homes. The primary objective was to move away from cluttered interfaces towards a layout that prioritises user intent and visual hierarchy. A Two-Tiered Layout Strategy The main design challenge was organising a high…
-
+
+
+
+
+
+
Designing an image gallery often leads to rigid layouts where every photograph is forced into identical square containers. For my latest portfolio challenge, I wanted to avoid this constraint by constructing a custom landing page for Velvet Paw Portraits, a fictional pet photography studio. The primary challenge was balancing an…
-
+
+
+
+
+
+
Layout design is a core skill for any front-end developer. For this portfolio piece, I challenged myself to build a landing page for ‘Form & Flow’, a fictional architecture studio, using only CSS Flexbox. The Challenge The wireframe needed a complex masonry-style gallery at the top and a structured invitation…
-
Web forms can be tricky to style. For my latest portfolio challenge, I built a custom order form for Pixel Pizza, a fictional retro arcade pizzeria. Semantic HTML as the Foundation Before writing any CSS, I structured the form using semantic HTML. Every input is wrapped in a <fieldset> to…
-
For my latest portfolio project, I decided to strip all of that away. The brief was simple but intimidating: build a visually engaging webpage using nothing but text. To tackle this, I created ‘Syntax Coffee Co.’, a fictional specialty roastery. The goal was to guide the user’s eye down the…
-
+
+
+
+
+
+
I’m really excited to share my latest project, TrendFlair—a demo web application designed to simulate the modern online thrift-shopping experience. My goal with this project was to create an ecommerce layout with an engaging user experience. This was also inspired by a new trend called ‘Dopamine Sites’, where users can…
-
+
+
+
+
+
+
It has been a really productive day of coding. After getting my first chart working in the last blog post, I wanted to turn it into a proper dashboard where everything reacts to what the user clicks. The first big job was changing how the data travels through the app.…
-
+
+
+
+
+
+
Following my previous post outlining the decision to embark on a book data visualisation project, work has now commenced on building the interactive application. The first crucial step involved preparing the “Amazon Top 50 Bestselling Books 2009-2019” dataset. This careful preparation ensures the information is ready for use, forming the…
-
After careful consideration of my next portfolio project, I am now proceeding with a data visualisation initiative that will demonstrate my full-stack and user experience design capabilities. The objective of this project is to create a compelling, long-term asset that not only showcases my technical skills but also provides a…
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+