Ship full re-design of Funko.com along with a component library and documentation.
P
DIRECT TO CONSUMER
•Focus main website towards Direct to Consumer Sales
•Redirect all marketing collateral towards currently available product
•Create one design language web and app
•Set company focus to mobile, accessibility, data and automation •Establish a stable sprint schedule and clear process for setting and evaluating releases against business goals
PROJECT DELIVERABLES
•Full site redesign to focus on e-commerce including, PDP, PLP, Forms, Navigation, Filter, Sort, Search, Footer, Header, Blog, and all tertiary pages (Careers, About, Media...etc)
•Separate Styleguide’s for Developers and Marketers
•Component Library with Blade & Page templates library
•Set feature & spec based review process based on business goals
•Focus main website towards Direct to Consumer Sales
•Redirect all marketing collateral towards currently available product
•Create one design language web and app
•Set company focus to mobile, accessibility, data and automation •Establish a stable sprint schedule and clear process for setting and evaluating releases against business goals
PROJECT DELIVERABLES
•Full site redesign to focus on e-commerce including, PDP, PLP, Forms, Navigation, Filter, Sort, Search, Footer, Header, Blog, and all tertiary pages (Careers, About, Media...etc)
•Separate Styleguide’s for Developers and Marketers
•Component Library with Blade & Page templates library
•Set feature & spec based review process based on business goals
ORIGINAL SITE FLOW
•Pages and features designed and implemented in various legacy styles
•Most of the site is designed for desktop consumption
•Mix of shopable and non-shopable product in CATALOG
•PDP often diverts to third-party retailers off-site
•Complex fan club flows and sharing features, along with marketing content is geared towards hardcore fans and has no product/purchase end-point
•Search is not cross-category
•Pages and features designed and implemented in various legacy styles
•Most of the site is designed for desktop consumption
•Mix of shopable and non-shopable product in CATALOG
•PDP often diverts to third-party retailers off-site
•Complex fan club flows and sharing features, along with marketing content is geared towards hardcore fans and has no product/purchase end-point
•Search is not cross-category
NEW SITE FLOW
NEW SITE FLOW
•One site with all product available for purchase
•Marketing content is segmented for purchase egress only
•Fan-club & Sharing features are segmented to app
•Search is cross-site with robust product tagging
•Campaign content is now responsive
HOME-PAGE REDESIGN
The original homepage was more of a bulletin board for current events and featured random campaigns, events or ‘blitz’ sales. It’s content was often leading to stories, podcasts, interviews, videos and products whos engagment could not be tracked. The content on the page, although beutiful, was more like one off art that would rarely work on phones. As a designer it was my taks to work with the PM to align tried and true best practices for an etailer homepage in a way that allowed for a tiered release schedule (Featured, secondary, tertieary and collections) that would require little design prep, and could be proceduraly constructed with nothing more then a product asset, background color and copy.
The original homepage was more of a bulletin board for current events and featured random campaigns, events or ‘blitz’ sales. It’s content was often leading to stories, podcasts, interviews, videos and products whos engagment could not be tracked. The content on the page, although beutiful, was more like one off art that would rarely work on phones. As a designer it was my taks to work with the PM to align tried and true best practices for an etailer homepage in a way that allowed for a tiered release schedule (Featured, secondary, tertieary and collections) that would require little design prep, and could be proceduraly constructed with nothing more then a product asset, background color and copy.
DESIGN SYSTEM / STYLE GUIDE
The biggest issues with large design updates is always going to be documentation and scalability. Business goals will change, and a design resource will not always be available to tailor an experience. Creating a comprehensive style-guide for general content creators ensures a level of consistency without technical or designey lingo. This is why the marketing version of the style-guide has simple illustrations, and a digestible naming convention.
The biggest issues with large design updates is always going to be documentation and scalability. Business goals will change, and a design resource will not always be available to tailor an experience. Creating a comprehensive style-guide for general content creators ensures a level of consistency without technical or designey lingo. This is why the marketing version of the style-guide has simple illustrations, and a digestible naming convention.
f
SEARCH + FILTER +NAVIGATION
CONTENT PIPE-LINE
In order to create campaign and product content that will look great on any screen there needs to be a clear process that will allow for flexibility and fall-back measures depending on scale or quantity of content at any give time. Establishing and communicating a content pipe-line ensures that simple product photos, background assets and copy will result in a clean, consistent look while insuring that a change to part of the deliverable (copy, design, license or legal) will not impact impact the rest.
BLOG MEDIA ETC...
![]()
![]()
VISUAL PRIORITY & REDLINES
VISUAL PRIORITY & REDLINES
IF
Section will be updated soon!
Check out the site:
https://www.funko.com/