The challenge when facing the task of designing a product as complex as Demly can be daunting. With so many moving parts, it is quite difficult to ensure the experience is cohesive and that interactions are well considered, compelling and manageable.
My solution to the challenge of designing Demly was to approach the phases of it's evolution incrementally: starting with user-flows to obtain an understanding of the service, I then built wireframes to support my understanding. After several rounds of iteration, I had a concise representation of the experience which was then leveraged when building a brand aesthetic and finally an interactive front-end.
Initial Design Discovery
Once a solid understanding of the service was defined through user-flows and wireframes, I began to explore ways in which the service could come to life visually. While much of the visual components created during this phase were discarded, some stuck around and were gradually evolved into a cohesive design system.
Cohesive Design System
Through iteration and refinement, a design system emerged that effectively expressed what Demly is all about.
A key feature of the Demly dashboard and project workspace is it’s flexible UI, which allows it to be accessible via any device. This adaptability ensures that a user can engage the service continuously and with ease, whether its in the office or during the commute, etc.