Mobile Configuration UI Collaboration

When our company released our mobile app for school districts to configure content that shows up, we knew the admin side of our CMS where they were already familiar was the perfect place for the workflow to guide them through to configure the app. These are the wireframes designed by another of our awesome UX designers Kelly Reese @kellyereese, paired with the resulting UI design for each screen. 

Working alongside Kelly, the wireframes were defined and handed off to me for UI design in this project. You can see that we wanted to convey that the configuration would affect an external system, and help the user focus on the content while fulfilling the environment of the entire CMS they were working in and familiar with.

We also needed to balance all of that with giving them enough of a preview of what they were creating on their mobile app.