Leisy Vidal

The start of planning this project started with a full team debrief. AAA’s national communication team members came to Designzillas headquarters to talk about project requirements and scope in a project kick-off meeting. From there we wired out some user flows such as logging in, viewing a dashboard, subscribing to particular news feeds, and reading articles. Here’s a few versions of the medium-fidelity wireframes we created to test out different layout options for the use case of subscribing yourself to a specific news category’s feed.

From the approved wireframes, we moved into more solid high-fidelity designs. We started playing with different font pairings, layouts, photography styles, and menu designs. Although the designs were loved by the client, after listening to client feedback and testing designs through various internal design reviews, we moved into a further phase three to try a more traditional news-style layout approach that better accommodated the large scope of content being featured on the home news dashboard of the user, and to better pair with AAA branding.

After much collaboration internally with the Designzillas design, development, and marketing teams, and with feedback from AAA, we landed on these final designs to become the next digital face of the internal employee communications hub for AAA.

As part of design hand-off for development, I created a full design style guide to depict desktop and mobile font sizes and styles, button styles, colors, global form styling, and components for major news card style variations.

Once the UX and UI for this project was approved, the designs and assets were handed over to the Designzillas development team during a full design to developer handoff.