ebaybg.png
newbghomepage.png
dashpal_hero.png
Screen Shot 2016-03-18 at 6.19.16 PM.png
Screen Shot 2017-03-12 at 3.30.56 PM.png
ebaybg.png

EBAYENTERPRISE.COM


SCROLL DOWN

EBAYENTERPRISE.COM


EBAY ENTERPRISE WEBSITE REDESIGN & STYLE GUIDE

I was part of the creative team responsible for the overhaul of this website. My duties were to design the product page template, photography styling, iconography, infographics and gradient designs. I also created the style guide for the aforementioned sections based on my concepts. 

Sample pages of style guide are below

newbghomepage.png

FACTUAL


FACTUAL


FACTUAL WEBSITE REDESIGN

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.

CHALLENGES
The old website was static, hard to navigate and did not promote user retention/engagement. The old website was also lacking interest on main pages (homepage, level 1 product pages, etc.) and had no sense of information hierarchy. 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 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

1.png
2.png
4.png

Sample pages OF THE NEW BRAND GUIDELINES ARE BELOW

dashpal_hero.png

DASHPAL


DASHPAL


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.

1.png
2.png
3.png
4.png

SAMPLE SET OF SCREENS OF NEW APP DESIGN

dashpal-new.png

PROMOTION VIDEO SCREEN OVERLAY GRAPHICS

dp1.png
dp3.png
dp4.png
dp5.png
 

SAMPLE SET OF SCREENS OF OLD APP DESIGN

dashpal-old.png

 

SAMPLE PAGES FROM BRAND GUIDELINES

DashPal_App-guideline.jpg
DashPal_App-guideline2.jpg

 

SET OF CUSTOM DRAWN ICONS

set of icons.png
Screen Shot 2016-03-18 at 6.19.16 PM.png

MAGENTO.COM


MAGENTO.COM


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.

Screen Shot 2017-03-12 at 3.30.56 PM.png

OBSERVATION GRAPH


OBSERVATION GRAPH


OBSERVATION GRAPH TECHNOLOGY GO-TO-MARKET LAUNCH

I designed the graphics for the official launch of the Observation Graph technology for Factual. Taking this technology to market required marketing support which entailed: an animated reel, client-facing collateral, product page for the Factual website and internal training presentation and materials. This campaign was nominated as a finalist for the Advertising Age New Creativity Awards.

For the animated reel, I was responsible for the entire story board artwork concept and illustrations, deconstructing frames for AfterEffects animations, overseeing voice actress hiring and recording session. This is Factual's first animated reel.

Full product page can be viewed here.

Creation of the animation story boards is below, and full animated reel can be viewed here.