After formulating our UX strategy we started to skin the wireframes, leaning on darker colors to give the site a cinematic feel.
We balanced the dark backgrounds with lighter backgrounds in sections that had large blocks of text, since research shows that too much white text on a dark background strains the eyes.
Pulling complementary colors from Spexsters’ logo, bright accent colors were worked into key parts of the site to leverage attention and bring attention to the calls to action (CTAs). These energetic colors also helped provide visual interest by breaking up the monochromatic black and white background colors.
In terms of programming, Spexster is complex. Due to the unique flow and features needed for the marketplace, we built the site from the ground up on a custom .NET platform (WordPress or other off-the-shelf enterprise level solutions just wouldn’t do). This allowed us to build the site exactly to meet the client’s expectations, from the frontend design, to the logged in user interface, to the backend content management system. Everything was tailor made for Spexster’s unique vision.
We were able to code some very engaging interactions while building the site, starting with custom interactions on the video listing page, where a short video clip plays when hovering over the video thumbnail. If the visitor wanted more information, they could click to expand open additional details on the listing page. If the visitor wanted to message the creator or make a purchase, they would be able to click on a button taking them to the detail page. Each element encourages interaction from visitors and is optimized to pull visitors deeper into the user journey.