The platform was in live beta version when I was acquired by the company. I was asked to create a corporate look and feel for the interface to fit for the enterprise market, as well as to compile the visual strategy and the style guide for the development team.

PROTOTYPING

In order to plan and visualize the app’s features I usually created wireframes first, containing the related user journeys and click-streams. Based on these, I built hi-fi interactive prototypes for stakeholder reviews.

INTERACTION DESIGN

During the compilation of the interface components my aim was to make the user actions as intuitive as possible, hence I kept the action buttons hierarchically organized, grouped and consistent across the pages.

cronycle-2cronycle-2

ADJUSTABLE COMPONENTS

To make the UI flexible and adjustable for future development I compiled a custom coded pattern library for the design elements and a prototype library for the interface elements.

cronycle-3cronycle-3

VISUAL TARGETING

There were several segments of the platform available only for a specific group of users. Based on discussions with the marketing team I applied a slightly modified version of the brand theme on these segments to make them perfectly optimized for the target audience.

cronycle-4cronycle-4

VISUAL STRATEGY

To help the users easily navigate both within the application and on the webpage, and also to support the marketing efforts, I created consistent color and icon strategy applied across the pages.

cronycle-5cronycle-5
cronycle-6cronycle-6

EXTENSIONS

Several external components of the application needed to be designed for easy usage. I gave a consistent layout for the company’s browser and WordPress plugin, and also later on for the analytics page and exporter component to increase the user experience.

cronycle-7cronycle-7
cronycle-8cronycle-8

PRESENTATION DESIGN

In order to support the company’s marketing efforts I created branded flowcharts, slideshows presentations and product mock-ups.

cronycle-9cronycle-9