New Jeans Album Website is a personal, creative front-end project built entirely from scratch.
TIMELINE
Spring 2023 4 weeks
ROLE
Interaction Designer UX Researcher
TOOLS
Figma Adobe CC HTML/CSS/JS
LINK TO PROJECT
< click here!
01
BRAINSTORM
02
LO-FI PROTOTYPE
about the design
first iteration
My lo-fi prototype focused on creating the ‘vibe’ that I wanted to go for. Key elements included the lyrics for their respective songs, chosen fonts, and icons/logo.
02
USER TESTING
about the Process
THINK-ALOUD INTERVIEWS
I conducted usability tests on my website design with two fellow students in think-aloud interviews. Through these insightful sessions, I gained valuable firsthand feedback on user experience, navigating design elements, and overall usability.
03
HI-FI PROTOTYPE
about the design
SECOND iteration
My redesign focused on keeping the successful elements, adding more interactivity, and fixing any inconsistencies. Key elements include photos of the group’s members, an about page, and carousel interactions.
04
TECHNICALS
about the PROCESS
CODING FROM SCRATCH
I used the libraries W3 Schools and Materialize CSS for this project, specifically for any JavaScript and interaction implementations.
05
POST MORTEM
about the Process
REFLECTION
Creating a website from scratch has been an enlightening journey, serving as hands-on experience to deepen my understanding of CSS, JS, and HTML. Through this process, I've expanded my technical skills, delving into coding nuances and crafting a functional yet visually aesthetic interface.
This endeavor taught me the process of personalization for an audience. Balancing usability with an element of fun became a pivotal focus, ensuring an engaging experience while catering to user needs. Understanding user behavior and preferences guided my design decisions, allowing me to infuse creativity without compromising usability.
< Click here to see the finished project!