User Experience Engineer at Idibon

Text analytics platform full redesign

Idibon uses next generation machine-learning to provide customers with custom-built text analytics classification models. These models tag relevant documents with enriched metadata, allowing our customers to perform formal analysis against the newly structured data.

Accomplishments

New brand identity and associated collateral
Led UI concept ideation and product definition
Created wireframes and Axure prototype for mobile & desktop
Developed component library to match brand identity
Led several round of interns to develop new features

My Role

As lead designer in the engineering team, I paired with engineers to roll-out new features and UIs. This included developing new data models and API endpoints. We followed an internal coding style guide that aimed to make code more DRY and modular. My teammates would often seek my expertise with HTML / CSS / JS to achieve a pixel-perfect responsive web interface.

Skills & Tools Mastered

Front-End Development: HTML, CSS (Bootstrap), JavaScript Module Design Pattern & JS libraries — jQuery, mustache, d3, lodash, datatables, select2, jasmine, node — ruby on rails, selenium webdriver, git.
Brand Design: Mood boards, company values mapping, brand story development, brainstorming & sketching, aligning user needs with business needs.
Web Design: Wireframing, Axure prototyping for responsive sites (desktop, tablet, mobile), Axure & Bootstrap UI component library, Wordpress development.

In-Depth: Brand Redesign

Idibon Studio began as a nascent product to help users build their own classification models by constructing custom ontologies. I completed a multi-phase, full web app redesign.

This multi-phased project included UX research and information architecture to define the product's capabilities, a design phase to develop visual components that complement Idibon's new brand design, and a development phase to bring the redesign to life.

Bootstrap Component Library

I created a custom Twitter Bootstrap component library to help roll out Idibon's new brand and visual language. Softly rounded corners, bold colors, and clean space lent itself to an punctuated and elegant feel.

This library was internally hosted so any developer can reference the underlying HTML/CSS structure when developing new features for both mobile & desktop web development. In addition, the customized config.json file was version-controlled so any updates can quickly create new CSS files from Bootstrap's generator.

Developing Idibon's Web Presence

Building off the new brand style guide, I continued collaborating with the executive team to help define website goals, including aligning online material with the company's marketing strategy. This process began with a high-level site map, creating website wireframes, drafting visual mock-ups, then developing the wordpress-powered website.

Developing the website consisted of creating a new wordpress child theme, deciding to use the _tk starter theme as the parent theme for its support of bootstrap elements. Additional plug-ins included Advanced Custom Fields Pro, Contact Form 7, and Custom Post Type UI.

Other Projects

Product Designer @ Omega Point

Designed several new features for a React-based online quant investing web app. Created wireframes and Axure interactive prototypes while working with developers to roll-out new functionality.

UX Development @ GE

Focused on Front-End Design & Development for the UX team's responsive site. Developed cross-browser compatible site to promote team's online presence.

IA for Learning Analytics @ U Mich

Selected for Learning Analytics Fellowship. Acted as Lead Information Architect (IA) for team of designers developing a course exploration guide linked to career outcomes.

UX for Virtual Training @ Digital Green

Created wireframes & mock-ups of a MOOC and QA dashboard for an international development non-profit. Traveled to India for on-site user research.

Data & Design Coordinator @ DataDive

Created a Data Visualization Dashboard over a weekend-long data hackathon. Acted as coordinator for volunteer team of DataDive event planners.

Operations Manager @ MetWest HS

Oversee day-to-day operations, using design thinking to determine where to make process improvements. Redesigned a finals week calendar to easily generate updated schedules and reports each semester.

Home