Backstory
The concept of WorxChat bloomed after the big success from Citrix Worx Suite, a suite of Citrix developed mobility productivity apps (WorxMail, WorxNotes and WorxTasks) that empowered Citrix customers who use Microsoft Outlook on their desktops to transition their workflows seamlessly onto their mobile devices. By leveraging Microsoft Lync server protocol, Worxchat provided a solution to send or receive instant messages to or from their Active Directory contacts through a secure private network.
The process
There were 2 designers for WorxChat, 1 interaction and 1 visual designer. Being the visual lead, I collaborated early with the UX designer and the PM from the initial phase to scope product features as well as sprint planning. We involved Engineering team in the early stage to learn the existing capability of the Lync server and dig up the potential technical constraints we would face.
In terms of information architecture, WorxChat has 3 main components, Contacts, Messages and Settings. To retain overall consistency and minimized user's learnability, I applied visual style from UI library to shared components that were previously used in other Worx apps. New functionalities that created from scratch specifically to tailor messaging, I started off looking into examples that had similar interactions, either from functional apps or other design platforms to get inspired. I found myself constantly iterating or experimenting different visual solutions, sometimes even trying out the most obvious skeptical visual treatments could eventually lead to unexpected solutions.
This was one of the iterations where I applied a green/white color scheme to the chat bubbles and also in various of messaging related scenarios, however, the green was later replaced.
Onboarding experience
Conversation scenarios
Contact list design
Visual specs
Marketing website
