UX DESIGN

Various // Creative Direction & Execution // Hrs - Months

Although sports has been the main constant in my 13-year professional career, there have been many occasions I've been tasked with a website rebrand, creating assets for a website, or designing a website from scratch. My design education allows me to delve into the field confidently, though I wouldn't consider myself an expert. 

Nonetheless, it's an area I love and would love to become more involved in. 

Dynamic Leads

Designed for various iterations of the redesigned WTT website, the DLs below are both fullscreen and 1920x660. They represent different points throughout the season and gave us the chance to call attention to various marketing messages throughout the year.

*Designed by Ria Meer, Creative Direction Jimmy Mora

Website Takeover

Throughout my brief year at the Professional Fighters League, I found myself creating various website takeovers and skins. To the right is a skin I created for PFL 1 with a championship match card as the banner ad inserted as a mockup to demonstrate where this particular ad would go.

Championship Website Skin

Website takeovers & skins designed for our paid advertising campaigns across multiple MMA news outlets. This particular skin highlights the responsiveness of the design as you zoom out and view Times Square as MMA billboards. 

Courtier

Urban contemporary artist Courtier was having a string of shows in Brooklyn for his 2017 musical tour and came to me for a website redesign. The main goal we decided was to showcase his upcoming release, provide event details for his tour dates, and host contact information on bookings. The site had to feel passionate, soulful, modern, with a hint of Brooklyn. 

CAIA

When up-and-coming leadership consultant & business psychologist Lara Menke hit me up to design and develop a website for her new UK-based startup, the opportunity was too good to pass up. At first, all that was needed for CAIA was a landing page. However, the more we worked together, the more we discovered about CAIA and her direction, the more we realized a fully functioning website was needed. The project itself took a few months but throughout the process, we helped discover the branding pillars & foundations for CAIA and established a look and feel that gave her brand some trustworthiness and made her clients feel confident and excited.  

PFL Main Page Redesign

Shortly after accepting the position at PFL as design director, our creative team was tasked with redesigning the website. It needed room for paid advertising at the top, and dynamic leads to function as headlines. The current iteration of PFLMMA.com is a result of countless nights spent reimagining what the website should look and feel, what fonts we would use, where things would fall under, & how to best tell a story for the next fight card. In other words, all aspects of the UX/UI process. The banner ad at the top and dynamic lead were also designed by yours truly. 

NYC Undergrounds UX

As part of the MTA campaign "NYC Undergrounds", my goal was to provide an experience in which all New Yorkers felt like they were part of something exclusive, secretive, elusive... something special. The "NYC Undergrounds" mobile experience would provide that.

NYC Undergrounds Mobile. Not only did you have to gather clues throughout your daily commute to figure out the location of the event, but the app would take you on a journey. It was meant to tell a story about the MTA, why they were hosting the event, what was included, and lastly a platform to solve the puzzle. 

Mobile Interscrollers

A fun project, mobile interscrollers are those images in the background when you're scrolling through a mobile website. You can tell from the "advertisement" line at the top that you're about to see a paid promo, the "scroll to continue with content" signifies the ad has come to an end. Their appearance is like a parallax scroll feature you see on websites, only interscrollers can function as CTA buttons. 

Marduk App

A design school brief. I was tasked with creating a brewing app focusing on the user journey from opening the app to watching a "how-to" video. After research, interviewing, and creating a user flow, the wireframing process began. Below is the conclusion of the UX/UI design process and the final screens for Marduk.