Solarizr edX App

Photo of a blue Windows Surface tablet with a blue keyboard sitting on a stone table. The screen of the tablet shows the Live Tiles interface of the Windows start menu. The live tiles include the Solarizr app tile options for weather information, map information, address information, and a simple tile with just the Solarizr logo. Photo of a sketchbooks with the Solarizr app screens sketched in pencil. Product mockup of a Windows phone showing the Solarizr login screen. There are also four more screens from the app, including the overview screen, the calendar view, appointments view, and customer data entry view.

About This Project

Solarizr is a Univeral Windows Platform (UWP) teaching app created for Microsoft’s Windows 10 tutorials and edX courses. The premise: Technicians at a solar panel company need an app to manage appointments. The appointment data includes location, directions, a calendar, live weather, and customer contact information.

Solarizr is designed to allow students to build and style the entire app from scratch during the course of a semester. I designed the app, built the XAML and parts of the C# backend, and wrote the assignments for the edX course. The version of Solarizr that you see here uses the Metro Design Language 2 style guide and Template 10 navigation patterns.

There were two levels of user experience that made Solarizr an interesting and fun design challenge: the app UX, which needed to illustrate Windows 10 recommended design practices, and the developer experience of learning how to build the app.

Objective

Developer course material

Tools

Illustrator, Visual Studio, Pen & paper

Categories

Adaptive Design, Education, UI, UWP, UX, Windows 10, Wireframes, DevEx