Web Design and Coding projects
Web Design and Coding projects
Web Design and Coding projects
Web Design and Coding projects
Web design projects focusing on creating responsive, user-friendly experiences using HTML and CSS. Each project emphasizes adaptability across devices, intuitive layouts, and thoughtful interactions. Additionally, p5.js projects that I developed through my creative coding class, exploring different facets of art expression and technology.
Web design projects focusing on creating responsive, user-friendly experiences using HTML and CSS. Each project emphasizes adaptability across devices, intuitive layouts, and thoughtful interactions. Additionally, p5.js projects that I developed through my creative coding class, exploring different facets of art expression and technology.
Web design projects focusing on creating responsive, user-friendly experiences using HTML and CSS. Each project emphasizes adaptability across devices, intuitive layouts, and thoughtful interactions. Additionally, p5.js projects that I developed through my creative coding class, exploring different facets of art expression and technology.
Client:
Class projects
My Role:
Designer
Year:
2024
Service Provided:
Web design and coding
Artist Website:
For this project, I decided to redesign Laufey's website. I created a website that adapts seamlessly across desktop, tablet, and mobile platforms. My process included market and competitive analysis to understand industry standards and opportunities, as well as the development of potential user personas to guide design decisions. I focused on maintaining brand consistency by aligning the site's visuals and tone with Laufey’s musical identity and her new album at the time.
Using wireframing techniques to plan the user experience, I then brought the design to life with HTML and CSS, ensuring both aesthetics and functionality worked hand-in-hand.
Artist Website:
For this project, I decided to redesign Laufey's website. I created a website that adapts seamlessly across desktop, tablet, and mobile platforms. My process included market and competitive analysis to understand industry standards and opportunities, as well as the development of potential user personas to guide design decisions. I focused on maintaining brand consistency by aligning the site's visuals and tone with Laufey’s musical identity and her new album at the time.
Using wireframing techniques to plan the user experience, I then brought the design to life with HTML and CSS, ensuring both aesthetics and functionality worked hand-in-hand.
Creative coding: Interactive christmas card
For this creative coding project, I designed an interactive Christmas card using p5.js. The card features festive music and a playful, user-driven experience — when users click anywhere on the screen, snowfall animations appear, adding a dynamic and magical touch. This project combined animation, sound integration, and user interaction to create a joyful and memorable experience.
Creative coding: Interactive christmas card
For this creative coding project, I designed an interactive Christmas card using p5.js. The card features festive music and a playful, user-driven experience — when users click anywhere on the screen, snowfall animations appear, adding a dynamic and magical touch. This project combined animation, sound integration, and user interaction to create a joyful and memorable experience.
Creative coding: Interactive christmas card
For this creative coding project, I designed an interactive Christmas card using p5.js. The card features festive music and a playful, user-driven experience — when users click anywhere on the screen, snowfall animations appear, adding a dynamic and magical touch. This project combined animation, sound integration, and user interaction to create a joyful and memorable experience.