Archives for August 2016

August 18, 2016 - Comments Off on Auriel Multi-System Home Control

Auriel Multi-System Home Control

Multi-system management for the Niles Auriel multi-room audio app.
Built for simplicity, security, and automated login.
auriel-secure1

This feature simplifies the ability to connect to multiple systems. Instead of forcing the user to navigate to a "remote" or "local" system, the app simply finds all saved systems. We added a passcode feature, enabled per system. Fully responsive, all elements lay out correctly on phones, tablets, and in the desktop viewer.

Tapping the gear icons slides out "Security" and "Add" buttons out, and activates "Edit."

August 18, 2016 - Comments Off on ELAN Intercom Icons

ELAN Intercom Icons

Icons for Intercom feature.
Devices. Small and large touchpanels, groups, iPad, iPhone, Android, Mac, and PC.

intercom_icons-labels_03

Functions. Video chat; Audio chat; Broadcast to all stations; Monitor.

elan-intercom-functions

August 17, 2016 - Comments Off on BlueBOLT remote power management

BlueBOLT remote power management

bluebolt-mobile1

Panamax and Furman power conditioners can be controlled remotely, and programmed to reboot routers, report power conditions, and power-cycle racks of connected equipment. "Contractor" units can control a chain of multiple sequencers.

contractor-2

Any new UI had to fit into the existing visual framework, but I did introduce multi-line outlet names, cute powered outlet faces, and meters to replace the dials used for older products. The meters echo the ID of the hardware, and are easier to draw.

New devices have new features and configurations, needing new UI and UX solutions. One switch controls three outlets, one of which is on the front of the unit. We devised a new way of grouping outlets visually, and labeled the location.

m4000pro-banks1

UI realignment and battery drain icon for F1500-PRO. 

f1500-redesign1

Consistent Device info across all screens (Name, Device, MAC, IP, etc)
Device Admin settings (sequence delays, etc).

bluebolt-vt4315pro-admin3

August 16, 2016 - Comments Off on Core Brands B2B Portal

Core Brands B2B Portal

$100M company becomes an e-commerce company.

store-cart-open

Until my team launched the B2B Portal last year, Core Brands customers and reps would email, phone, or fax their orders in. Now, well over half the targeted customer segment orders through the Portal.

Designed and mocked up the initial high fidelity design.

  • Walk-throughs were used to refine the microinteractions.
  • Mockups illustrated each feature in the spec document.

I designed new features, which were developed in sprints by the remote team.
- Customer Account - See terms, brands, accrued rebates, etc.
- Compare - you can directly compare up to three products.
- Quick Pad - you can paste an order right into the Cart.
- Customer Types - Each sales channel sees a customized homepage.
- Employee Purchase Program - 9,500 Nortek employees can now shop on the Portal.

"Compare" feature shows all features and specs for chosen products:
compare-dropdown_search-maybe

"Compare" micro-interaction when adding more than 3 products:
compare-remove-02

Responsive design; different layouts at different breakpoints:
store-employee-top-mobile

August 14, 2016 - Comments Off on Pricelist Redesign

Pricelist Redesign

The new price lists are automated and accurate, saving hours of time for Core Brands staff and for our customers. Automating the lists gave the Marketing Director 60% more time to spend on marketing, instead of price lists.

New Pricelists

The old price lists were hand-rolled Excel files, often six months or more out of date. The lists showed product by SKU, with an arbitrary "Level" pricing.

The new price lists are customer-first. Each customer sees their exact price, not an approximation, and only items they can buy. New price lists include customer info and date, reinforcing the custom nature of the list.

Customers can generate a new price list any time they like. Each type of list has appropriate info and layout: PDF, CSV, International, MSRP, Price Policy.

August 13, 2016 - Comments Off on Invoice Redesign

Invoice Redesign

Existing invoices were a mishmash of legacy forms.

invoice-xxxCore Brands' forms and invoices had come from different systems, and were legacies of the original several companies. The invoices were hard to read, and were missing key pieces of information, which led to costs - customer calls, hand-filing bad forms.

The new forms can be read by humans. Branding is now consistent, and the layout is consistent. All forms have the important elements in the top right corner. Each field in the template pulls data automatically from the order field in Netsuite.

A new design for all transaction forms.

This project covered all outgoing forms: Invoices, Pro Forma Invoices for international customers, Sales Order Acknowledgements, Shipping Confirmations, Credit Memos, Cash Sales, Return Authorizations.