Pageflex
Ecommerce Project


UX / PROTOTYPES / CODING

Pageflex has several marketing products that allow businesses to integrate existing data with custom print documents, brochures, and other print pieces.

Project Overview

Pageflex approached ChaiOne to help them build a user-friendly interface for one of their e-commerce applications. We conducted research, created UX wireframes, high fidelity comps, HTML templates, and a web-based styleguide for the developers complete with code and templates.
 
  • UX
  • UX
  • UX
  • UX
  • UX
  • UX
  • UX

UX / Interactive Prototype

I researched interface elements for creating custom print pieces on their website and created wireframes with other designers.

Visual Design

I worked with another designer to create templates for their storefront. I then coded them using HTML5, CSS3, and jQuery.

  • UX
  • UX
  • UX
  • UX
  • UX
  • UX
  • UX
  • UX

Living Style Guide

I used a JavaScript framework for documentation that was web based and had sample codes and templates their developers could use as a guide.

This styleguide would enable PageFlex to keep their specs and best practices up to date.


Technology


UX / DESIGN / DEVELOPMENT

UX / DESIGN TOOLS

  • Adobe Illustrator
  • Adobe Photoshop
  • Axure

DEVELOPMENT PLATFORMS

  • HTML5
  • CSS3
  • SourceJS

BUILD TOOLS

  • Node
  • Grunt
  • SASS
  • Github