Interactive Intelligence* (ININ) was going to through a complete branding overhaul. New logo, new applications of branding thereof. The goal of this project was to explore a new website design. Nothing was to be built or executed. It was exploratory by nature. The deliverables were comps, layouts, wireframes, diagrams of all kinds – it was a lot of fun.

*In August 2016, after the company put itself up for sale, Genesys agreed to acquire the company for $1.4 billion. The acquisition was completed in December 2016 and all of the company’s products and services were integrated with those of Genesys.

Please note: Against my normal methods, greek text was used in the layouts due to new copy that was unavailable at the time.

Also note: Flat graphics will be placed on this page but the resulting deliverable was a Prezi presentation – if you have time, I would recommend watching the Prezi.

 

Homepage.
The approach on the site was that there would be more long and lengthy pages. Less clicks and more scrolling. The approach was to break up the length with a pattern of color or photo blocking while also having a strategic content and messaging as the user would scroll down the page. Graphic style would be flat design and the layout was responsive friendly. The top homepage photo would not be about engineering or tech – it would showcase a lifestyle and a freedom to become something else. The top navigation could sit on top of any image and could stick to the top of the page as the user scrolls down the page.

Career Page
The Career Page was broken into a graphic taxonomy of careers. High messaging platform – Main and three sub-topics. Jobs listed by category and numeric detail of openings like mobile apps indicate. The approach here is to allow a snapshot of openings and allow the user to drill-down by clicking or receiving more information using mouse-overs. Under the white area was a brief history of the company in chart-like form.

Contact Solution Page
The Contact Solution Page used a similar layout but also had use of a drop-down menu and content guide under the main title. Under the white space was generic content about Contact Solution Centers and why they are important.

Foundation Layout
This page represented the possibility for heavy text pages with little or no graphic or photo imagery. For the most part the page would have 2 content sections. White upper part would be specific to the page direct content and the lower half in grey would be supportive or framed copy for which meaning was needed or had to be connected to other content. The little bar in the middle of the copy is link bar. These were to be as small as possible and was added to give meaning by offering links relative to content within the paragraph of copy.

.