Multi-system management for the Niles Auriel multi-room audio app. Built for simplicity, security, and automated login.
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."
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.
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.
UI realignment and battery drain icon for F1500-PRO.
Consistent Device info across all screens (Name, Device, MAC, IP, etc) Device Admin settings (sequence delays, etc).
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" micro-interaction when adding more than 3 products:
Responsive design; different layouts at different breakpoints:
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.
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.
Existing invoices were a mishmash of legacy forms.
Core 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.
Doing freelance work in Oregon, I shifted my workflow almost entirely to vectors. A "business card" design for a local business would often become a "window signage" design. Window graphics can be 30 feet long! I still use vector graphics almost exclusively, since it's much faster to make changes, and I can provide app mockups, final icons, and large print files out of the same Photoshop document.