top of page

Urban Brainchild

A Website for a Miami-Based DJ

Objective: Create a visually engaging and functional website that reflects the DJ's brand, highlights their music, and encourages user interaction.

 

Role: UX/UI Designer and Web Developer

 

Tools Used: Wix, Figma, Inkscape, Canva

Project Overview

Urban Brainchild is the online presence of a Miami-based DJ with over 20 years of experience in Electronic Dance Music (EDM) and versatility in open-format mixing. The client sought a website to showcase their artistry, share music, and streamline booking inquiries.

Research and Discovery

1. Understanding the Audience

​

To begin, I conducted a deep dive into the client's target audience: event organizers, music enthusiasts, and collaborators. By studying similar DJ websites, I identified essential features, including music players, contact forms, and integrated social media.

2. Competitive Analysis

​

Audience Needs: Easy access to music samples, intuitive booking forms, and a professional yet creative aesthetic.

 

Competitive Analysis: Many DJ sites lacked mobile optimization and strong branding. This project aimed to fill those gaps.

mfpsxhzf.zrd.png
kl1emu1m.2dn.png
15qbyrbp.451.png

Design Process

Information Architecture

Flowchart.jpg

The website structure was designed with clarity and ease of navigation in mind. Key sections included:

 

Home: A hero banner with an introduction and a call-to-action.

 

Music: Embedded players showcasing the DJ’s latest tracks and mixes.

 

About: A brief history of the DJ’s career and musical style.

 

Book Me: A contact form for event inquiries.

Design Process

Wireframing and Prototyping

Using Figma, I created low-fidelity wireframes to map out the user flow. This was followed by high-fidelity prototypes to finalize the visual design and interaction elements.

HOMEPAGE.png
screencapture-yamelysg9-wixsite-urban-brainchild-2025-01-29-18_32_02.png
DJ URBAN BRAINCHILD DESIGN BOARD.png

Design Process

Visual Design

The design leveraged a bold color palette inspired by nightlife and EDM culture. I incorporated dynamic typography and high-quality imagery to convey energy and professionalism. The layout was responsive, ensuring a seamless experience across devices.

Development and Implementation

1. Platform Selection: Wix was chosen for its flexibility, ease of use, and ability to integrate media players and interactive elements.

 

2. Responsive Design: Ensuring the site worked perfectly on mobile devices was a priority, as a large portion of the audience accesses the site on the go.

 

3. Interactive Features:

 

Music players were embedded for direct streaming.

 

A user-friendly booking form streamlined the inquiry process.

 

Links to social media platforms encouraged user engagement.

yuw3iagi.43u.png

Challenges and Solutions

Challenge 1: Content Integration

The DJ wanted a clean way to showcase music without overwhelming users. I integrated a minimalistic music player that aligned with the overall design and maintained focus on the brand.


 

Challenge 2: User Engagement

The audience needed an intuitive way to explore content. I employed clear navigation and prominent call-to-action buttons to guide users seamlessly through the site.

Outcome and Reflection

Success Metrics:

 

Positive feedback from users on the intuitive design and visual appeal.

 

High mobile traffic engagement, with visitors spending an average of 3 minutes on the site.

​Lessons Learned: This project reinforced the importance of aligning design with user behavior. Collaborating closely with the client ensured the site reflected their personality and brand while delivering functionality.

brainchild_LOGO solo.png

Conclusion

The Urban Brainchild project highlights my ability to combine UX research, design, and development into a cohesive product that meets client and user needs. It was a rewarding experience that demonstrated the impact of thoughtful, user-centered design.

Client Testimonial

Working with Yamelys on my DJ website was an absolute pleasure from start to finish. She made the entire process smooth, organized, and stress-free, ensuring that my vision came to life exactly as I had imagined. What stood out the most about her approach was her attention to detail and clear communication. She took the time to understand my brand, my audience, and the functionality I needed, then executed everything flawlessly. Every step of the way, she kept me updated, welcomed feedback, and made adjustments effortlessly, showing her commitment to getting things just right. From the very beginning, Yamelys made me feel confident in her abilities. Her professionalism, patience, and creative input reassured me that I was in great hands. She provided valuable insights and suggestions that improved the overall design and usability of my site while always making sure my preferences were prioritized. The final website exceeded my expectations. It’s cool, fun, and fully functional, perfectly aligning with my brand as a DJ. It not only looks great but also performs seamlessly, which is crucial for my industry. To anyone considering working with Yamelys, I can’t recommend her enough. She is talented, professional, and incredibly easy to work with. Whether you need a simple site or something more complex, she has the skills and dedication to bring your vision to life. I would absolutely hire her again in the future and highly encourage anyone in need of a top-notch web designer to do the same!

bottom of page