Homepage-Scroll

REBRANDING PIPER.

Leading a team of graphic designers, web developers, & marketing specialists, we overhalled the visual feel & flow of the Piper Site, in turn improving the overall brand.

BUSINESS CRITERIA.

  • Site represents brand as a lifestyle for educators & parents.
  • Not a commerce site, but an EDU movement.
  • And most importantly, increase sessions.

THE PROBLEM.

Research_Problem

Inconsistent messaging with messy & cluttered branding..

THE OPPORTUNITY.

Research_Opportunity

Hands on messaging with clean & polished branding.

FINAL DIRECTION.

MOOD.

Research_Mood

Aspirational. Fresh. Playful.

VISUALS.

Research_Visuals

Natural Elements. Hands-on Grit. Polished.

CONTENT.

Research_Visual

EDU Play. Arm Kids with Tech Literacy. Parent Bonding Time.

Product-Page
DSC08434_edit
PiperCommandCenter
2X7A4940
2X7A2305
New_pc02_packaging-02
Slider001
Slider006
2X7A4933
2X7A2303

RESEARCH.

THE LOOK.

THE FEEL.

DEVELOPMENT.

PERSONAS.

Site_UXDesign-03

USER STORIES.

Site_UXDesign-01

USER MAPPING.

Site_UXDesign-02

SITE ARCHITECTURE.

Site_Architecture-01

TESTING SPRINTS.

CARD SORTING.

Troubleshooter_Cardsorting01

To determine final aesthetics and UX, I lead the testing through various rounds of internal team card sorting sessions, online A/B testing, and external playtesting with users in the field.

INTERACTIVE PROTOTYPES

Developed customer service Troubleshooter tool for quick assessment of software & hardware problems.

PLAYBOOKS.

TECH SPECS.

TechSpecs_Compressed

UI & VISUAL BRAND.

BrandBook_Visual-05

WIREFRAMES & MOCKUPS.

PRODUCTS UI MOCKUP.

Feature01_ProductNavigation

Navigation restructuring to guide users to lifestyle or product information.

SEARCHBAR UI WIREFRAME.

Navigation redesign of Part page & developed search feature.

SUPPORT UI WIREFRAME.

Mock-up-01

Navigation redesign of Customer Service page with interactive chatbots and online troubleshooters.

EXPAND UI WIREFRAME.

Feature02_EXPANDED-DROP-DOWN_pg-03

Information flow improvements with expandable drop-down lists.

PRODUCT PAGE MOCKUP.

ProductPage

Layout improvements to all product pages with modular content blocks.

EDUCATORS PAGE MOCKUP.

Artboard-1-copy-21

Carving out a space for Educator’s specific needs.