product & approach

The My CenturyLink app brings management of your account and services into one place.

Our goal was to adopt a Material Design style that can be used for both iOS and Android.

I would create 1 design comp for both iOS and Android.

The app will use native controls.  And Series 5 will use our Reusable Patterns

App Overview (5.0.0) \ App Overview (5.1.0)

In this code release (5.0.0), there should only be certain features that should be developed. The current designs did not reflect that.

The current designs contained features that were never finished and not thought out or that were just scrapped entirely.

Therefore, a new set of designs had to be created. This new line will only contain what actually needs to be designed.

This is helping the developers to focus on what needs to be coded.

Style Guide

The Style Guide for our Patterns page needed to be improved. There were outdated elements that we don’t use anymore, and icons were scattered across the page.

Therefore, I started to reorganize and update the entire Patterns page so we can always go back there for 1 source of truth.

The first thing I tackled was icons. Then I moved on to element specs.

I have been working on consolidating and organizing our icons. And making sure there are icons for both Light Mode and Dark Mode.

The end goal here is for us to always go back to 1 source of truth.

Working with the Development Team

I work with the development team to provide all the assets needed for the 5.0.0 release.

I have designed for iOS + Android Light Mode and Dark Mode | Mobile + Tablet Portrait and Landscape. If a dev has a problem with a pattern or an element or icon, they will ask me for help.

I create XD prototypes for our developers to download any needed assets, or to see specs and styling such as font name, color hex code, element sizing and screen padding.

This prototype is an overview of all the main features which is called: App Overview (iOS)

We work together to test if elements are coming out well on different devices.

For example, we had to make sure that our elements were being responsive or not pixilating when they were on Tablet view.

Bright Speed Hand Off

Recently, I had to make sure that our mobile app was ready to hand off to the Brightspeed team.

The parent holdings of Century Link is selling a portion of the company to another firm. I had to hand over the app to the Brightspeed team, so they can brand it themselves.

Before I could do that, or even start to organize and rename screens, there were more stories that needed to be designed for our devs.

I completed all those UI’s for the needed feature stories. After that was done, I could then work on preparing all the documents for design hand off to Brightspeed.

I had to rename all the UI’s. I then had to put them in the correct updated order that it should be in.

I created a copy of each individual XD file that was meant to be uploaded. A confluence page was created for me to upload all the XD files. I uploaded all the needed XD files, so their developers can just download the file directly from the Confluence page.

Both XD iOS and Android prototypes now have the same amount of assets and icons.

Before, the XD iOS and Android prototypes did not have the same number of assets, were disorganized and having different size icons.

Also, all icons are now organized into our Patterns page.