UI Design

Featured

Comparison between standard Savant UI and custom AUDIOVISIONS' UI.
In 2017 we started re-designing our existing custom UI to a new flat-design theme.

New 2017 Flat-Design Savant UI Theme

AUDIOVISIONS' Savant Custom UI

Cable TV control screens for AUDIOVISIONS' custom Savant UI.

AUDIOVISIONS' Savant Custom UI

iPod Dock control screens for AUDIOVISIONS' custom Savant UI.

AUDIOVISIONS' Savant Custom UI

Climate control screens for AUDIOVISIONS' custom Savant UI.

AUDIOVISIONS' Savant Custom UI

Lighting control screens for AUDIOVISIONS' custom Savant UI.

AUDIOVISIONS' Savant Custom UI

Cameras control screens for AUDIOVISIONS' custom Savant UI.

AUDIOVISIONS' Custom Crestron UI

Climate control screen for AUDIOVISIONS' custom Crestron UI.

AUDIOVISIONS' Custom Crestron UI

Satellite DVR control screen for AUDIOVISIONS' custom Crestron UI.

AUDIOVISIONS' Custom Crestron UI

Lighting control screen for AUDIOVISIONS' custom Crestron UI.

AUDIOVISIONS' Custom Crestron UI

Activity selection popup for AUDIOVISIONS' custom Crestron UI.

AUDIOVISIONS' Custom Crestron UI

Room selection popup for AUDIOVISIONS' custom Crestron UI.

AUDIOVISIONS' Custom Crestron UI

Source selection popup for AUDIOVISIONS' custom Crestron UI.

AUDIOVISIONS' Custom Crestron UI

User selection popup for AUDIOVISIONS' custom Crestron UI.

AUDIOVISIONS' Custom iOS app for iPad & iPhone

Cameras control for AUDIOVISIONS' custom iOS app.

AUDIOVISIONS' Custom iOS app for iPad & iPhone

Climate control for AUDIOVISIONS' custom iOS app.

AUDIOVISIONS' Custom iOS app for iPad & iPhone

Lighting control for AUDIOVISIONS' custom iOS app.

AUDIOVISIONS' Custom iOS app for iPad & iPhone

Satellite DVR control for AUDIOVISIONS' custom iOS app.

Brochures, Proposals & Branding

Featured

AUDIOVISIONS Brochure

A new brochure was re-design in 2016 as part of our new branding. The brochure is also a downloadable interactive PDF.
Click here to view or download PDF file.

Branding & Stationery Design

AUDIOVISIONS' 2016 re-branding included a new stationery design, letterhead, envelope, business card and brochure.

Audiovisions Presentation Templates

Presentation template design for both PowerPoint and Keynote. Includes multiple master slides for both Windows and Mac platforms.

Audiovisions Design & Engineering Service Agreement

A new Design & Engineering Service Agreement (DESA) was designed in 2016 to match our new branding initiative. The PDF document is fillable and allows our sales and engineering team to quickly prepare an estimate.
Click here to view or download PDF file.

AUDIOVISIONS Proposal Documentation

In 2014 we completely redesigned our proposal documentation. The new design included new covers, a color-coded system overview matrix, visual aids, illustrations, icons designed from scratch and even a 3D model of a house to illustrate placement of different systems.
Click here to view or download PDF file.

Proposal Design for D-Tools

Layout and visual design for D-Tools new proposal reports.
View/Download sample PDF here.

Flyers & Ads

Featured

2016 Modernism Week Flyer

This two-side flyer was design to promote AUDIOVISIONS' services during the 2016 Modernism Week event at The Christopher Kennedy Compound in Palm Springs, CA.
Click here to view or download the PDF file

2015 Hillsborough Kitchen Event Flyer

This flyer was design to promote AUDIOVISIONS' services during the 2015 Kitchen event in Hillsborough, CA.

2014 Brion Jeannette Architecture Invitation Poster

This 36"x24" poster was designed for a private event invitation at AUDIOVISIONS' Experience Center in Lake Forest, CA.

2014 SARA Convention Flyer

This flyer was design to promote AUDIOVISIONS' lighting design and programming services during the 2014 Society of American Registered Architects (SARA) convention.

2013 Hartmann & Forbes Flyer

Flyer designed in partnership with Hartmann & Forbes to promote AUDIOVISIONS' shades integration services.

2011 LUXE Magazine Ad

This ad was design for the 2011 LUXE magazine fall publication.

2011 BASK Magazine Ad

Ad designed for BASK magazine 2011 publication.

Illustrations & Icons

Featured

Discovery & Design Process Infographic

This infographic is used in our Design & Engineering Services Agreement. It explains in a clear and simple way our discovery & design process. Originally, the process was described in a flow chart but we decided it would be more user friendly to convert the flow chart to an infographic. Click here to see Before & After.