Verizon digital media services redesign
UI Design / Conceptual B2B
Verizon Digital Media Services had Rauxa, the agency I was with at the time, do spec creative for their company site redesign. Although they ended up doing the redesign in-house, my concept was the chosen favorite ... and it inspired elements in their own design.
I gave them an edgier, more geometric tone to breathe life back into the brand. Because their core audience are comprised of Broadcasters and those involved in entertainment, my design needed the aesthetic of a more "consumer" website. When we consume video content, we want to get excited about it ... and dive into whatever world the story-tellers present to us. To me, designing for B2B should involve just as much excitement. We weren't designing for corporations. I was designing for the people behind the brand ... and that's who this site was meant for.
Homepage & Interior page mockups
"Broadcast Solution" Page
Disney / ABC Television Group Case Study Section
When built, case studies would dynamically generate screenshots (if a video) or pull from a pool of images that relate to the content ... and put them behind a white overlay. Your attention stays on the video, but also adds a level of interest and detail when you realize the background changes per case study. Dynamic content adds a bit of interactivity to otherwise less visually interesting pages, and keeps interest.
Work In Progress
My process for "spec creative" involves a lot of visual research. What is my first instinct? I let my instincts take me from place to place, and pair that with my years of practical experience to do what I do best ... create. Usually I design in a few ideas that test how far the client is willing to innovate. In this case, it was the dynamic content on the Case Study section. Using the UX our team created as a skeleton, but not a paint-by-numbers structure, I started with the Desktop view and skinned the wireframes from there using visual elements I researched before.
Step 1 - Wireframes in Axure
Everything you see in blue is clickable.
The best part about doing wireframes in Axure is the fact that it simulates the experience of the finished product. There are certain limitations, but for the most part you can apply variables and conditions in order to get a strikingly life-like bridge between design and development. Designers simulate real-world situations, and open up communication with developers on the team.
Step 2 - Visual Design Legwork
Spec creative is a unique opportunity to look into what motivates me in the design process as a whole. Before doing this project, I was given minimal information and told to be as creative as possible. My only restrictions were the UX models. I love coming up with that big picture concept that will fit both the brand guidelines and what the client doesn't even know that they need. It's a creative problem, and I am the strategic design warrior armed with Adobe Creative Suite ... sent to slay the dragon. Usually I'll spend a bit of time pouring over inspirational sites like Dribbble, and look up a specific element I think would be useful to a project like this. After I get initial ideas down, it's a combination of collaboration and brainstorming, and instinctive design. You just want to get your ideas out and let the creative juices flow in this beginning stage, before you find out more.