Chris Manik
I was tasked with conceptualizing and crafting a fresh website for Josh Wink aimed at enhancing the fan experience.
This project was an enriching journey spanning the latter half of 2021. The objective was to ideate, design, and develop a responsive website using Webflow. It entailed design thinking, comparative research, meticulous design iterations, and prototyping to ensure the site's seamless creation.
The stakeholders were the client, Josh Wink, and his manager Matt Brookman.
The existing Josh Wink website was dated and lacked prominent calls to action.
In order to tackle the project effectively, I started with a thorough UX audit of Josh Wink's existing website. This included a detailed analysis of current user flows, imagery, evaluation of user interactions, and pinpointing pain points within the overall user experience.
This comprehensive review provided crucial insights into the challenges users encountered and highlighted opportunities for enhancement.
The mobile screen to the left was the old website, and the one on the right is the current one.
As someone who spent 10 years as an electronic music DJ, specializing in House and Techno music, I understood the aesthetic of an electronic artist.
I embarked on a comprehensive redesign effort that first started with benchmarking best in class Techno DJ websites. This included two of his peers, Matthias Tanzman and Nicole Moudaber. I went through what was working and what was lacking on these sites, creating a feature matrix too.
After sharing my findings with the client, I delved into user research, honing in on his target audience: the dance music enthusiast. Through interviews with former colleagues from Philadelphia, I synthesized the feedback into a single user persona: Paul, a 37-year-old software engineer with a passion for Techno and Acid House.
Now, by these collective pain points, I could strategically refine the information architecture and enhance website functionality.
.png)
.png)
When designing, I aimed to ensure a seamless user experience by questioning how each element fit into the overall journey and its discoverability.
Guided by user research, I developed a structured plan and refined designs based on user needs and client feedback. At Josh’s request, I added social icons and a hamburger menu to the hero section to boost visual appeal.
After the wireframe stage, I worked closely with the client to craft high-fidelity designs using Adobe XD and Figma, and created a sticker sheet of key components for efficient implementation. The color scheme—black, white, and yellow—reflects Techno music's vibe.
Inspired by Josh Wink’s "Higher State of Consciousness" and its iconic “Acid smiley face,” I used the eyedropper tool to sample a specific yellow.
This project culminated in the creation of a revamped tour dates section and a visually captivating hero section featuring updated photography. The website as a whole has more intuitive navigation for fans on his site.
By emphasizing simplicity and clarity in the layout, Josh Wink's updated website combines functionality with aesthetic appeal, addressing previously identified issues.
After receiving client approval on the mockups, I proceeded to build the website using Webflow. These enhancements were aimed at facilitating quicker and more intuitive navigation for fans visiting his site.
As of 2023, the new Josh Wink website has increased his bookings by approximately 20%.
