FedEx Mobile Solutions and Responsive Design

Art Direction Web Design Responsive Design Front-end Development

FedEx Mobile Solutions Web Page Design
FedEx Mobile Solutions Web Page Design
FedEx Mobile Solutions Web Page Design

I had a really cool opportunity to work on a large FedEx project while I was working with the team at Archer>Malmo in Memphis. FedEx had initiated a few mini sites as their first steps into moving toward incorporating responsive design and best practices for mobile user experience. The team at Archer>Malmo were given two sites specifically: "Mobile Solutions," featuring their mobile apps and useful services available to consumers on mobile devices; and a new service they were trying called "Ship and Get," basically a PO box service available at select FedEx retail centers.

I had the opportunity to work with the FedEx Global brand managers a few times, consult on responsive design practices, and present many different ideas. We explored and created more of an overall visual design system, and front-end guide that would potentially serve as a starting point for implementing responsive design throughout other pages and sites they managed. This forced us to approach the situation from a much broader perspective, creating more of a design-style-guide for web elements. We developed different designs of content tiles, pages, buttons, etc - all in line with the FedEx Brand guidelines. We even built a working front-end library that would allow indivuduals to select front-end design elements and code snippets. They could piece these elements together to build web pages, and just fill in ther content. It was designed for in-house developers to use in building web pages. Dealing with such a large brand and company had it's challenges, but it was exciting and extremely valuable experience.

FedEx Mobile Solutions Mobile Web Page Design FedEx Mobile Solutions Mobile Web Page Design

Small/Mobile design of home and interior pages of Mobile Solutions Site

FedEx Mobile Solutions Mobile Web Page Design

Medium size design of Mobile Soltions Site

FedEx Mobile Solutions Mobile Web Page Design

Medium size design of Interior Page

FedEx Mobile Solutions Mobile Web Page Design

Desktop size design of Mobile Solutions Site

FedEx Mobile Solutions Mobile Web Page Design

Desktop size design of Interior Page on Mobile Solutions Site