EBAY ENTERPRISE WEBSITE REDESIGN & STYLE GUIDE

Overhaul of entire design for corporate eBay Enterprise website and brand refresh. My duties were to design the product page template, photography styling, iconography, infographics and gradient designs. I also owned and created the new corporate style guide using the new visual language system that I developed.

The old website design had a jarring presence with aggressive colors and was also not a responsive site. I designed a new visual style that incorporated softer, blended colors tied with the use of thin grid lines. The color and grid line theme is carried out all pages of the new website.

The site’s content also needed to be updated frequently, so the new site was moved into using a CMS (Drupal) so that we could update content with no delay. I was responsible for creating all spec designs for the pages that I created and worked directly with the development team on all delivery and Q&A processes.

Sample pages of THE NEW BRAND STYLE GUIDE are below

sample comparison of old HOMEPAGE to new design

sample set of new internal page designs

FACTUAL WEBSITE REDESIGN AND BRAND REFRESH

TASKS
Redesign and rebrand entire corporate website for location data company, Factual. This was also the primary platform to showcase the refreshed Factual visual language, new logo and brand guidelines that I created. I owned the entire creative design of the website, was the project manager for all internal and external team members (marketing managers, developers, animators) and produced the designs for each page.

CHALLENGES
The old website was static, hard to navigate and did not promote user retention/engagement. Another issue was that the old site had no clear branding or visual identity that tied back to the overall Factual story.

Timeline was another main challenge; the entire redesign and launch of the website was completed in a matter of 4 months. Incorporating a brand new visual language and overhauling all the content of a corporate website required collaboration between many internal teams and stakeholders. I project-managed and designed alongside a brilliant agency, Kluge Interactive, who built the entire backend of the new CMS (WordPress) website. I provided design and animation direction for the interactive elements. 

REDESIGN
By bringing in new content messaging, redesigning the color palette, typography and visual language, Factual's new brand is bolder, more consistent and memorable. In an effort to include more personality and educate visitors about the Factual brand, I also championed a new series of videos that are incorporated into the website and can be seen on the Marketing tab of my site or by clicking here.

There was an overhaul of the content delivery/creation for the website led by the Marketing team so that content could be updated frequently and without delay from internal development teams. Therefore, the actual platform of the website was moved to a CMS (Wordpress).

SUCCESSES
Upon launching the new website, engagement levels from visitors jumped positively with longer average visitation times, more internal pages viewed in total and easier navigation for users to specific calls to action.

Sample pages and comparisons to the old website are below

Sample pages OF THE NEW BRAND GUIDELINES ARE BELOW

DASHPAL APP DESIGN

I was approached by a product development company to design their new consumer app. The app powers their dash cam product, DashPal. The team had existing alpha sketches of the app but it was in need of a design overhaul due to the lack of brand consistency and UX complications.

I did a complete redesign of the app’s flow, UX and brand. I also developed the new brand guidelines and illustrated a new set of vector icons. I also designed screen overlays and graphic assets for the promotion video reel featured on their Kickstarter page.

The main goals were to improve the UX, create hierarchy of information and clear paths for taking action within the UI, align the brand through visual consistency and improve overall navigation.

SAMPLE SET OF SCREENS OF NEW APP DESIGN

PROMOTION VIDEO SCREEN OVERLAY GRAPHICS

SAMPLE SET OF SCREENS OF OLD APP DESIGN

SAMPLE PAGES FROM BRAND GUIDELINES

GO-TO-MARKET ANIMATED PRODUCT VIDEOS

*Observation Graph campaign was an Ad Age creativity finalist part of the Ad Tech/Marketing Tech/Financial Tech to watch finalist category. List here.

Factual’s technology can sometimes sound complex and intimidate someone learning about the products for the first time. To combat this, I created Factual’s first set of animated product videos that simplify the explanation of each technology and also bring in real-life examples for easy understanding. I worked directly with the product marketing managers on each video to develop an effective script and story. I drew each frame and each interactive element for all videos.

I then sourced a video producer to help hire a professional voice actress to record the script in studio and match the animation to the script exactly. Each video took about three weeks to complete from start to finish and I project-managed, story-boarded, designed, and released finals for each go-to-market product video.

GEOPULSE PROXIMITY STORYBOARD STILLS

Full product page and animated reel for Geopulse Proximity can be viewed here.

GEOPULSE AUDIENCE STORYBOARD STILLS

Full product page and animated reel for Geopulse Proximity can be viewed here.

OBSERVATION GRAPH STORYBOARD STILLS

Full product page and animated reel for Observation Graph can be viewed here.

MAGENTO.COM REDESIGN

This project was to design new website to be responsive and design a complete overhaul of the Customer Success Stories landing page and details pages for desktop and mobile. For the homepage, I created updated content units to the new design.

The Customer Success Stories landing page have a clearer sense of hierarchy and interactivity with this new design; the Customer Success Stories detail pages now create a more editorial reading experience with a wider range digestible content. These were collaboration projects where I worked directly with the development team to create the new pages from staging to final design. Please click on the URL's here to visit magento.com and magento.com/customers/case-studies to experience the pages on either desktop or mobile.

click thumbnails below to enlarge

click thumbnails below to enlarge

Comparison Between old and new homepage

FACTUAL MARKETING VIDEOS

In an effort to provide a closer look into Factual's culture and to aid the recruiting and marketing team, I created 5 videos in collaboration with Station 22. The purpose of these videos was to let the executives and the employees speak about Factual and answer some questions that are common to potential candidates applying to Factual. Videos are shared across social media channels, at recruiting events, and on our company recruiting digital pages.

The videos were shot over two full days at the company's headquarters. I was in charge of directing the different shots for each of the videos and doing the video editing to make sure the company's message and each video's content was on-brand. Station 22 was hired to do the sound mixing, color grading and final production of the files.  

2 long form videos

There are two long form videos; one focusing on overall "ABOUT FACTUAL" and another video focusing on "ENGINEERING AT FACTUAL." 

3 short form videos

The three shorter videos are made to be easily shareable and give a more singular focus per video ranging from internships at Factual to client-focused messaging.

An example of one long form and one short form video is available below.

BEHIND THE SCENES PHOTOS:

ABOUT US FACTUAL VIDEO

HIRING AT FACTUAL - DATA ENGINEER VIDEO

MINDSHARE HUDDLE UK INTERACTIVE GAME

I designed an interactive touchscreen learning game for the annual Huddle event hosted by Mindshare UK. Factual participates in this media-focused event each year. The game encouraged visitors to learn about Factual’s location data and have a chance to win prizes at the end. Large touchscreen monitors were placed in the Factual booth along with Factual’s London team members.

SAMPLE GAME touchscreen FRAMES BELOW

snapshots of visitors playing with the interactive touchscreen game

EVERWILL WEBSITE REDESIGN

TASKS
Redesign and rebrand for holistic life planning legal tech startup, Everwill. Manage videographer, photographer on delivering brand-appropriate deliverables such as video testimonials and custom marketing photography. I also created all wireframes and interactive prototypes for final development working directly with the engineers. I managed content delivery from marketing copywriters advising on best practices and needs for responsive design.

CHALLENGES
The old Everwill homepage was a landing page built without brand focus and was mainly promoted through paid ad campaigns. The page was lengthy without clear information hierarchy and focus. Without a set color palette or typography system, the brand suffered from a disjointed aesthetic that didn’t seem relevant to modern tech startups.

REDESIGN
The new landing page focused on a mobile-friendly approach with clearer sense of branding and succinct messaging. A new series of videos was shot for the hero and life documentary sections to allow for the actual Everwill story to shine. The new color palette and typography system was also implemented to modernize the company’s style.

Sample pages and comparisons to the old website are below

Working file view

Sample OF NEW BRAND ELEMENTS ARE BELOW