Joel Mills

Now two years post launch of Truist.com, my team is in the process of optimizing the components within our authoring platform that support Truist.com and our affiliate sites.

As the design director over Truist.com, my job is to optimize the site to drive revenue and offer an accessible and easy user experience for our potential and current customers.

My process is fairly straight forward for this - track performance analytics, adjust designs and leverage our research team to test concepts. Ideally, these optimizations fall in two camps; user experience optimzation and revenue driving optimization.

Through the use of analytics and user research, I use the data to help inform the design decisions and support any recommended optimization changes I’m looking to implement.

I’m sharing a small sample of design patterns and layouts that I was directly involved in the direction, concepting and/or execution of.

Initial template design concepts for Truist.com. Begining in August 2020 through October 2021, my team was tasked with designing, testing, and building out the Truist.com user experience. This includes Truist.com and segment homepages, product pages, financial wellness experience, search and help center and marketing strategies.

Click here for the full prototype for these patterns

This project was for a redesign for Ally's current homepage. Ally financial has a variety of products that currently have no presence on it's homepage. The point of this project was to bring those products to the front page while maintaining a strong brand presence.

I was responsible for art direction, iconography and prototyping while collaborating with another designer and content strategist on design direction.

Click to view the Axure Prototype for this project.

Ally Money Mindfulness is a financial learning hub concept that will be used to aggregate Ally’s financial learning portfolio. The site will give users access to videos, tools, blog posts and articles that will be categorized by topic.

I was responsible for the aesthetic for the design, UI work and all illustrations throughout. I assisted in the IA as well as created Axure prototypes through the design process.

Click to view the Axure portfolio for this design

This project was to create a storefront page for an Ally Invest product, Managed Portfolios, a robo-advisor for customers looking to invest with little effort. The goal of the project was to create a tool that can help customers chose an investment plan and visualize what investing with Ally could do for them. We used a questionnaire to help narrow down what the customer was wanting to accomplish with their investing goals.

I was responsible for art direction, iconography and design while working with an IA and content strategist for this project. I also was responsible for building the site using Adobe Experience Manager.

Live Site

This project was to create a on-boarding experience for a new Ally Auto Finance customer. I worked with an IA and a content writer to produce a variety of materials, including physical collateral, email blasts and an app experience to help get customers quickly signed up to make their car payments. 

I was responsible for the design of all illustrations, digital renderings, the collateral layout and design, iconography and design aesthetic. 

This project was a complete redesign of the Ally Auto storefront page, making it responsive adding new mobile products that were recently completed.

I was responsible for the aesthetic of the redesign as well as all illustrations and iconography.

I also collaborated with an IA and a content writer on page layout and page content.

Click to view the live site

This project was to create a mobile app experience for Ally Auto financial customer to be able to make their car payments, check account status and contact the Ally help centers.

I was responsible for the design and layout of the app.

This project was to create a on-boarding  experience for a new Ally Auto Finance customer. I worked with an IA and a content writer to produce a variety of materials, including physical collateral, email blasts and an app experience to help get customers quickly signed up to make their car payments. 

I was responsible for the design of all illustrations, digital renderings, collateral layout and design, iconography and design aesthetic. 

Ally Wallet Wise is a financial learning website that helps teach the basics of various financial topics, including: spending essentials, buying a car, credit management, investing and retirement. Ally currently has a very basic version of the site and wanted a more robust solution that can be responsive and support games, videos, course pages and other learning experiences.

I was responsible for the aesthetic for the redesign, UI design, all illustrations throughout the site as well as the branding for Wallet Wise. I assisted in IA work as well as created Axure prototypes through the design process.

Click to view a Axure Prototype for the Auto Course

Click to view an Axure Prototype for the Money Essentials Course

This was a rebranding initiative for my wife’s leather goods company, Choice Cuts Industries. She wanted to bring a softer feel to the brand which included a name change and brand redesign.

I was responsible for brand research, logo and brand element designs.

Website design for my personal business.

I was responsible for all design decisions, including photography, branding and iconography.

Link to the live site.

This project was to rebrand and redesign the Roughneck line packaging. Roughneck is a legacy item for Rubbermaid, having been around for 30+ years. The Roughneck products are considered a premium product in it's category and markets to customers looking for a product that is going to last. With increasing competitors in the container and trashcan market, the objective was to try and standout at point of purchase by looking more premium while staying at a manageable production cost.

I was responsible for the art direction, label design and illustrations. 

This project was to rebrand and redesign the Roughneck line of products. Roughneck is a legacy item for Rubbermaid, having been around for 30+ years. With increasing competitors in the container and trashcan market, the objective was to try and standout at point of purchase while trying to stay at a manageable production cost.

This design was to be used across the Roughneck line of products, which include trash cans, storage totes and other storage solutions.

I was responsible for the art direction, label design and illustrations. 

This projects was to create packaging design for 5 new cleaning products and multiple accessories. Products ranged from cleaning scrub brushes to replaceable pads, creating a total cleaning system. During this time, Rubbermaid was going through a rebranding and I was given first crack at creating a new design style.

For this project, I was responsible for the package design, art direction, illustrations and photography art direction.

This projects was to create packaging design for 5 new cleaning products and multiple accessories. Products ranged from cleaning scrub brushes to replaceable pads, creating a total cleaning system. During this time, Rubbermaid was going through a rebranding and I was given first crack at a new design style.

For this project, I was responsible for the package design, art direction, illustrations and photography art direction.

This project was an in store point of purchase concept for a new recycling product Rubbermaid was releasing. The objective was to create a banner and backdrop for the shelving the products would be sitting to to help call attention to why we need to recycle.

I was responsible for the design and renderings for the concept.