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 created the new corporate style guide.

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 comparison of old HOMEPAGE to new design

sample set of new internal page designs

Sample pages of THE NEW BRAND STYLE GUIDE are below

FACTUAL WEBSITE REDESIGN AND BRAND REFRESH

Redesign and rebrand 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. I owned the entire creative process of the website and also managed administrative duties required of the new website.

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 and provided designs and animations based on my art direction. 

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.

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 the app that was connected to their dash cam product, DashPal. The team had existing alpha sketches of the app but it was in need of an overhaul due to the lack of brand consistency and UX complications.

I created the brand guidelines for the app, set of custom vector icons, and the entire app screen UIs. 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

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

GO-TO-MARKET ANIMATED PRODUCT VIDEOS

Factual’s technology can sometimes sound complex and intimidate someone learning about the company 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.

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 FRAMES BELOW

snapshots of visitors playing with the game

EVERWILL WEBSITE REDESIGN

Redesign and rebrand for holistic life planning legal tech startup, Everwill.

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