About me
My Work
Say hi
Wish ATL
The Details
01.
A new kind of
e-commerce

Any general search for online consumer shopping habits and you’ll quickly note 
the frustration referred to as “tab hell”. A buyer browses an online store, opening up each item that catches their eye in a new tab to sift through later, a pattern that isn’t optimal but something that most of us still do. The online marketplace is also inundated with products and a simple Google search for Nike sneakers will yield millions, if not billions of results. Right from Google, before a customer even opens your site, they’re opening up several other websites simultaneously and browsing that same product across many other stores. Our first challenge, how do we keep customers engaged in Wish ATL and focused on the products on Wish’s site? How do we give them exactly what they’re looking for here and now and allow them to forget the other seven open tabs?  This is a challenged faced by many retailers today yet most stay true to the tried and tested patterns followed by all online stores, Wish ATL was trying to change the norm and lead the way to trial a new way to shop online, willing to learn and iterate as we went.

*

"This happens every time. I have never encountered an online shopping site that effectively deals with the issue of having to open products in separate tabs."

*

An audit of the current website experience

Knowing that we had an engineering team ready and waiting, I did an audit of their current site taking into consideration our goals for this project and improvements we’d need to make along the way, providing both short and long term adjustments that we’d need to make. For example, customers could only purchase a single pair of sneakers, however there was a quantity field on the item that allowed them to check out with multiple, regardless of the design direction this was one of the many interactions we needed to update. This helped prevent both our customers from feeling frustrated that their order was cancelled and saved employees time in having to cancel an order and explain why to the customer.

Existing experience
The existing experience lacked the uniqueness and creativity of the brand and it's in-store experience, repeating information and layouts between every page and quickly becoming static and losing a customer's interest.
How do we keep customers engaged with wish atl and loyal to the brand?

In parallel with the designs, Wish ATL was also trialing a rewards program to keep customers returning to the brand. Events themed around the next sneaker drop tend to attract celebrities and influences from across the country, meaning they were the place to be seen at for customers but also, events were sometimes the only way you could guarantee yourself access to the product being dropped too. Given the exclusivity of these events, part of the loyalty program planned to reward customers with tickets and presale options for future sneaker drops, keeping them returning to and purchasing from the store. Since rewards were becoming increasingly important for the brand, we explored ways to highlight its importance online too.

*

Where we brought traces of the physical store into the digital experience

Early on in the process I met with the team to walk through the store and experience all the intricies they’d weaved throughout. The blue wave in the carpet was a subconcious path that customers walked along and followed, flowing past the shiny metalic surfaces contrasted next to the overly fluffy display cabinents, the store was previously a library so the staircase is made entirely of books that were once there to be read, going down the stairs is as if you’re going through the books into another realm. There are also subtle illustrations in the wallpaper and a not so-subtle wall decorated with thousands of shoelaces, hiding the entrance way to the back office but also reminiscent of a tv screen and the pixelated view you’d see once the signal was lost. All these hidden elements (and more) the team had asked to be incorporated into the site, however I trusted my gut and working with them, realised they wanted this experience of finding small easter eggs throughout, with connections to the roots of the city and it’s customers, not a carbon copy from the physical to the digital.

The fitting room & custom backgrounds
We wanted this to feel like it belonged to the customer, that this was their corner within the company. We created a space for them to graffiti or paint the background on top of the illustrations and texture inspired by the physical store.

The blue path is represented in the navigation, the blue colour highlighting where you are and your next step (CTAs) and the various textures throughout the store translated into background patterns, utilising the same illustrations and a peg-board like appearance with both rigid outlines and free form graffiti pens. (The graffiti also paying homage to their physical location, where graffiti artists regularly paint over the side of the store). We had planned for the page to load in pixels too, replicating that of the meaning behind the shoelace wall and when customers navigated between the pages, we’d zoom out, weave through a “story”, and then hone back into a new area of the site, almost like passing down the stairs into that new realm.

*

“You wouldn’t immediately go try on the first item you like in a store without looking around at the other things you may want to try on.”

*

Where we brought traces of the physical store into the digital experience

The fitting room concept was an idea the team was drawn too and committed to trying, with a belief that in the future, this could evolve into an  AR focused experience with customers digitally trying on the products from home. My challenge was how to make this work in a world where AR isn’t quite as accessible just yet. The result was a place where customers could collect and share the items, rotating and resizing items to look at the details of the product and compare and contrast them side by side before adding them to the cart. An experience we hoped could replace the idea of opening multiple tabs to complete the same task. We also wanted this to be personal to the customer, so we introduced the ability to customise/graffiti the background, snapshot items or outfits to share to social media and to pull in previously purchased items to get a sense of how their wardrobe could look. There were multiple closets available too, for example Friday Night, Wedding Attire or Summer 2021 depending on the look or style the customer was going for and these could easily be accessed by an in-store salesperson to help curate and advise customers on new pieces if requested.

Interacting with items in the fitting room
Items in the fitting room are being added to the cart, noting the preselected size. Where we could we tried to streamline checkout, preselecting previously purchased sizes, suggesting colour ways based off order history and saving cart information and preferences.

Given how quickly sneakers can sell out, it was also important that we weren’t creating an additional required step before checkout, meaning adding an item to the fitting room was optional. Alongside this, we also created a more seamless buy now button for customers signed in to their loyalty accounts to allow them to  purchase an item with a single click.

*

Engineering implications and Halting the project

In the end, this result was too large of a project for the engineering agency that had been contracted from the beginning to be able to deliver. Based on early conversations and their portfolio, I had raised concerns to the team but was assured they'd signed a contract and promised they could complete it. We held weekly syncs with the team and documented updates and new requirements regularly, however ultimately the engineering team backed out, stating it was beyond their skillset and they couldn't outsource it further. Unfortunately this placed the project on an indefinite hold which is where it still stands today.

Delta

Delta is a leader in their industry, repeatedly named the most admired airline of the year. 180 million passengers fly delta every year & each & every one expects the quality they find at the airport to be replicated throughout their digital experiences too.
2015
UX/UI design
Brand identity
Print design
Delta's website in 2015 was quickly becoming outdated and out of line with what their passengers expected. The site had been weighed down overtime by the addition of new features, new products and new travel requirements that were now becoming lost amongst the overly complex user flows. AKQA was tackling the site piece by piece and working closely with their internal teams to both meet new customer demand and overhaul their digital touch points. Flight status was the first project to establish a vision for the site and pave the direction for future projects to come.
Reimagining Delta's digital identity
This design presented a new digital identity for Delta, simplifying their communication through easy, more minimal design, stripping away the access & helping customers find what they need seamlessly, all whilst displaying a show of strength and helping set a standard through bold colours and eye-catching photography.
Objective *//
Re-establish Delta as a modern airline at the forefront of innovation
Ease of use and transparency into both Delta and their flights were top of mind
Establish both UX and UI principles to be used across all products.
Flight details
From our research, we discovered two types of customers here, those checking on a friend or family member's site, and those checking on their own flight. The left is primarily so at a glance, friend's can quickly grasp how far a flight is and on the right, anyone can see where the place is expected to land and at what gate.
Flying Delta
Observing passengers using the app, kiosks or in-flight touchscreens in real-time whenever we caught a flight made user testing slightly easier at times! :)
Multiple platforms & Touchpoints
The Delta digital experience expands past the app and the website, passengers also interact with the in-flight touch screens, airport kiosks and the overhead flight monitors at the gate. All these & more had to be taken into consideration for each project we worked on.
Flight Status
The primary feedback we heard around the current Delta experience was that at a glance, customers weren't sure whether their plane was on-time, delayed or cancelled. We updated each flight row to include a strip of colour to the left, and a corresponding colour on the status to the right.
Personal
reflection *//
Delta was my first transition into learning what it meant to design for a digital experience end to end, versus my previous experience designing static products for print. I learnt what responsive design was and why it was important, the need for user testing, how to work with a production team and what red lines were, engaged with engineering and understood what it meant to complete QA and ensure a product met our design standards. I learnt a lot at AKQA in a short space of time and absorbed all I could from those around me, it was an opportunity to grow quickly and gain experience working with and for some of the largest brands in country that have an impact on the day to day lives of many of us.
Delta Mobile App
The Fly Delta App is used by millions of travellers every year and is often a primary touchpoint for customers on their day of travel. With this in mind, we had to make sure what we designed, translated well to all other touchpoints, including the app. Read more in the link included at the end of this case study.
The nature of agencies is quick, ideas are generated, presented and acted on without much questioning, though people there had a lot of passion and care for what they did. I noticed the importance of taking pride in your work and ensuring that what you release, you're satisfied with. At the end of the day I still enjoy standing in-line at the airport and watching others navigate the app, or sitting on a plane and seeing how people interact with the tvs, knowing that I once had a role in them.
Impact & outcomes *//
The Design has Stood the test of time & is still around as originally designed 8 years later (!) & counting
Helped set the stage for overhauling the entire Delta.com site
Has since served the millions of passengers that fly Delta every year
What we launched & how we did it ** //
View the Flight status page
delta.com →
Defining the brand identity
The original Delta.com website was not responsive and as a result, one of our primary tasks was to showcase how simple it could be, both in design & implementation. We took a demo of the site to the presentation with stakeholders to get them excited about this concept & the possibilities of what we could achieve.
Holistic design
Throughout my time working for Delta at various agencies, I touched everything from their digital and print ads, to their sales decks, internal training materials, their website, app, in-flight tv screens, airport displays and kiosks.
Next
Square
View project →