Cronycle a single platform for content creation, collaboration and communication. The platform was in live beta version when I joined the company. I was asked to refurbish the existing pages to improve the user retention, create a visual strategy for the enterprise market as well as to prototype and design the new functionalities.

INFORMATION FLOW AND PROTOTYPING

In order to lay out the app’s features properly first I needed to visualize the information flow containing the related user journeys and click-streams. Based on these, I could build hi-fi interactive prototypes proposing a clean and intuitive layout for the new pages. The clickable prototypes allowed the design to be reviewed in details by the stakeholders and the development team revealing any discrepancies way before starting the implementation.

web-app-information-flow-designweb-app-information-flow-design

USABILITY ADJUSTMENT

The biggest issues appeared on the behavioral level of the earlier design. The nonintuitive layout and the visual noise resulted in a great number of account abandonment. In order to fix the usability issues and lay the foundations of the user engagement I started the adjustment with evaluating the existing design and mockuping the new solutions.

web-app-usability-optimisationweb-app-usability-optimisation

INTERACTION DESIGN

Along with optimizing the layout and content architecture I also had to update the behavior of most of the interactive elements and navigation to create consistency and bring the interface closer to the visitors' mental model. 

web-app-interaction-designweb-app-interaction-design

AUDIENCE TARGETING

There were several modules of the platform (inapp emailing, statistics, newsletter creation, finance modul, enterprise account) targeting a specific group of users and as such required a custom layout and a slightly adjusted visual strategy based on that specific audience's heuristic and digital habits.

web-app-user-flow-design2web-app-user-flow-design2

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 updated in align with the new design strategy of the main application. A consistent layout, look and behavior were applied on the company’s WordPress plugin and browser plugin as well.

web-app-plugin-designweb-app-plugin-design