The Circle with Disney product was already making waves in the screen time management marketplace and making a big difference for the families of its users. But the UI was not flexible enough for the Circle team to add the features users were asking for.
Designing for growth – I got to be a part of Circle with Disney’s first big app update since the launch. We found that parts of our previous design were limiting our development progress and I was tasked with changing some UI elements. The purpose of these changes was to make the app more scalable for future growth. Changes included:
Designing for feeling – UI isn’t only about usability; it’s mostly about feelings. With our first major app update, we wanted users to feel the growth of our brand. My job was to visually create changes that made users feel our brand maturity and build more trust.
Designing against restrictions – This design process was hampered by a short timeline, so work needed to be completed and handed off to development quickly. The short timeline, combined with the method of development for the original UI, created limited opportunities for any significant layout changes.
In order to meet the design needs my team and I created user journey mapping to figure out the different ways users went through our app. This was also to make sure the engineering and developing teams were properly resourced with designs when building out the changes.
One discovery that came out of this phase was our need for designing the empty states of the app. Up to this point, most empty state screens just included a toggle switch to turn the feature on and off. I was tasked to update the look of those screens to encourage users to interact with the feature.