Shir Zalzberg

Asos Redesign Concept

Note: In order to create a truly “Asos” experience, I used photos I found on Google and the Asos website. A credits list can be found at the end of this page. If you come across an image that you own and prefer to take it down, let me know. Thank you.

During another shopping spree on the Asos website, I took a quick look at their Career section. To me, those pages felt out of tune with the Asos Brand. Asos usually have great UX, but the Career section had a very difficult navigation, and felt under designed, almost like a wireframe., Seeing this made me want to jump in, and try to redesign those pages while creating a better user experience.

Ultimate goal:

Create a new information hierarchy and a new design for the Asos career pages, While focusing on the jobs page at the most important part.

Problems

- Non responsive design
- Old and outdated styling, that doesn't align with Asos’s cool vibe
- Page width was 1024px, with a plain white margin
- A big portion of the main screen is filled with a single image
- Both the “Home” button and the Asos Logo have the same function
- No visible search or filter options while viewing open positions
- There are over 37 pages, which I strongly believe is too much
- Category arrangement is confusing

Creating the information hierarchy

When building the new Hierarchy my main focus was on the jobs, and making them accessible to those who look for them. I also kept most of the existing content, and took out only what I felt is not relevant for the new design. I ended up with this main categories: Work at Asos, Locations (given the company size, I felt this is crucial), Asos Life & FAQ.

Mask

Wireframes

My objective for the wireframes was very specific - create excitement among job seekers, and make them absolutely want to work for Asos. To achieve this, I added the “Day in the life” category to the homepage, to show potential candidates how great it is to work for Asos.
I also significantly reduced the amount of text, which gave way to embed videos about working at Asos.
When a user arrives at the career page home page, the first thing he sees is the search bar. For users who know what they are looking for, this creates a faster and more efficient experience.
I also kept the search bar visible in the inner pages, to insure candidates have quick access to any content they want, from anywhere in the site.

The Work at Asos page

Each category received its own image, and the open positions were added next to it. This way, if there are no openings in a specific category, candidates won't click on it and be disappointed.
Due to its different nature, the internship category received a different look that makes it stand out.

The Work at Asos page

The Career home page

When working on the re-design of the Career home page, I tried to connect to the Asos brand and styling as much as possible. My designs are usually filled with shadows and gradients, but the Asos styling is very different, with a flat approach and bright saturated colors.
When I found this hero image I realised I would have to move the search bar once again. The Image was a just a perfect fit, and I didn't want the search bar to hide a part of it. The color scheme I chose was Black, Grey, White and Yellow. In the existing Asos styling, Black and white are very common, which is something I wanted to keep. I decided to use a saturated yellow as it creates a fun and joyful atmosphere, which is the experience I want users to have.

#000

#7B7B7B

#fff

#FFFC44

In the original Asos Careers section, there are separate pages for open positions, and for explanations on every field. During my redesign, I decided to place them on the same page, to make it easier for candidates. Because jobs opening change all the time, I decided to keep the open positions as a list so it will be easy to update quickly. Again, the Search Bar is always available at the top.

The Digital
Experience page

http://quhitao.com/website_detail.php?id=33 http://www.meredithnoelle.com/2014/07/
http://anisasojka.com/features2 http://close-the-loop.be/en/case/195/asos-marketplace https://www.marketingweek.com/brands/asos/ https://www.asosplc.com/careers

https://www.thememo.com/2017/08/10/asos-visual-search-photo-shopping-app-future-fashion-smart-retail/
https://www.daviesrobson.co.uk/news/asos-invests-in-logistics-and-technology/ https://business-reporter.co.uk/2017/07/13/asos-announces-revenue-increase-driven-international-sales http://customerserviceshelps.co.uk/asos-customer-service/ http://www.fashioncapital.co.uk/industry/news/330-services/12716-asos-at-the-factory

Images credit list:

I want to see more!

Ultimate goal:

Problems

Create a new information hirerchy and a new design for the Asos career pages, While foucusing on the jobs page at the most important page.

- Non responsive design
- Old and outdated styling, that doesn't align   with Asos’s cool vibe - Page width was 1024px, with a plain white margin
- A big portion of the main screen is filled with   a single image
- Both the “Home” button and the Asos Logo have   the same function
- No visible search or filter options while viewing   open positions
- There are over 37 pages, which I strongly believe    is too much - Category arrangement is confusing

The Career home page

When working on the re-design of the Career home page, I tried to connect to the Asos brand and styling as much as possible. My designs are usually filled with shadows and gradients, but the Asos styling is very different, with a flat approach and bright saturated colors.
When I found this hero image I realised I would have to move the search bar once again. The Image was a just a perfect fit, and I didn't want the search bar to hide a part of it.
The color scheme I chose was Black, Grey, White and Yellow. In the existing Asos styling, Black and white are very common, which is something I wanted to keep. I decided to use a saturated yellow as it creates a fun and joyful atmosphere, which is the experience I want users to have.

Shir Zalzberg

Asos Redesign Concept

During another shopping spree on the Asos website, I took a quick look on their Career section. To me, those pages felt out of tune with the Asos Brand. Asos usually have great UX, but the Career section had a Very difficult navigation, and felt under designed, almost like A wireframe. Seeing this made me want to jump in, and try to redesign those pages while creating a better user experience.

Creating the information hirerchy

When building the new Hierarchy my main focus was on the jobs, and making them accessible to those who look for them. I also kept most of the existing content, and took out only what I felt is not relevant for the new design. I ended up with this main categories: Work at Asos, Locations (given the company size, I felt this is crucial), Asos Life & FAQ.

Wireframes

My objective for the wireframes was very specific - create excitement among job seekers, and make them absolutely want to work for Asos. To achieve this, I added the “Day in the life” category to the homepage, to show potential candidates how great it is to work for Asos. I also significantly reduced the amount of text, which gave way to embed videos about working at Asos.
When a user arrives at the career page home page, the first thing he sees is the search bar. For users who know what they are looking for, this creates a faster and more efficient experience.
I also kept the search bar visible in the inner pages, to insure candidates have quick access to any content they want, from anywhere in the site.

The Work at Asos page

The Digital Experience page

Each category received its own image, and the open positions were added next to it. This way, if there are no opening in a specific category, candidates won't click on it and be disappointed. Due to its different nature, the internship category received a different look that makes it stand out.

In the original Asos Careers section, there are separate pages for open positions, and for explanations on every field. During my redesign, I decided to place them at the same page, to make it easier for candidates. Because jobs opening change all the time, I decided to keep the open positions as a list so it will be easy to update quickly. Again, the Search Bar is always available at the top.

Images credit list:

http://quhitao.com/website_detail.php?id=33 http://www.meredithnoelle.com/2014/07/
http://anisasojka.com/features2 http://close-the-loop.be/en/case/195/asos-marketplace https://www.marketingweek.com/brands/asos/ https://www.asosplc.com/careers

https://www.thememo.com/2017/08/10/asos-visual-search-photo-shopping-app-future-fashion-smart-retail/
https://www.daviesrobson.co.uk/news/asos-invests-in-logistics-and-technology/ https://business-reporter.co.uk/2017/07/13/asos-announces-revenue-increase-driven-international-sales/ http://customerserviceshelps.co.uk/asos-customer-service/ http://www.fashioncapital.co.uk/industry/news/330-services/12716-asos-at-the-factory

Mask

Wireframes

Creating the information hirerchy

When building the new Hierarchy my main focus was on the jobs, and making them accessible to those who look for them. I also kept most of the existing content, and took out only what I felt is not relevant for the new design. I ended up with this main categories: Work at Asos, Locations (given the company size, I felt this is crucial), Asos Life & FAQ.

My objective for the wireframes was very specific - create excitement among job seekers, and make them absolutely want to work for Asos. To achieve this, I added the “Day in the life” category to the homepage, to show potential candidates how great it is to work for Asos. I also significantly reduced the amount of text, which gave way to embed videos about working at Asos. When a user arrives at the career page home page, the first thing he sees is the search bar. For users who know what they are looking for, this creates a faster and more efficient experience.I also kept the search bar visible in the inner pages, to insure candidates have quick access to any content they want, from anywhere in the site.

The Work at
Asos page

The Digital Experience page

Each category received its own image, and the open positions were added next to it. This way, if there are no openings in a specific category, candidates won't click on it and be disappointed. Due to its different nature, the internship category received a different look that makes it stand out.

In the original Asos Careers section, there are separate pages for open positions, and for explanations on every field. During my redesign, I decided to place them on the same page, to make it easier for candidates. Because jobs opening change all the time, I decided to keep the open positions as a list so it will be easy to update quickly. Again, the Search Bar is always available at the top.

The Career
home page

When working on the re-design of the Career home page, I tried to connect to the Asos brand and styling as much as possible. My designs are usually filled with shadows and gradients, but the Asos styling is very different, with a flat approach and bright saturated colors. When I found this hero image I realised I would have to move the search bar once again. The Image was a just a perfect fit, and I didn't want the search bar to hide a part of it.
The color scheme I chose was Black, Grey, White and Yellow. In the existing Asos styling, Black and white are very common, which is something I wanted to keep. I decided to use a saturated yellow as it creates a fun and joyful atmosphere, which is the experience I want users to have.

Ultimate goal:

Problems

Create a new information hierarchy and a new design for the Asos career pages, While focusing on the jobs page at the most important part.

- Non responsive design
- Old and outdated styling, that doesn't align with Asos’s cool vibe - Page width was 1024px, with a plain white margin
- A big portion of the main screen is filled with a single image
- Both the “Home” button and the Asos Logo have   the same function
- No visible search or filter options while viewing   open positions
- There are over 37 pages, which I strongly believe    is too much - Category arrangement is confusing

https://www.thememo.com/2017/08/10/asos-visual-search-photo-shopping-app-future-fashion-smart-retail/
https://www.daviesrobson.co.uk/news/asos-invests-in-logistics-and-technology/ https://business-reporter.co.uk/2017/07/13/asos-announces-revenue-increase-driven-international-sales/ http://customerserviceshelps.co.uk/asos-customer-service/ http://www.fashioncapital.co.uk/industry/news/330-services/12716-asos-at-the-factory

http://quhitao.com/website_detail.php?id=33 http://www.meredithnoelle.com/2014/07/
http://anisasojka.com/features2 http://close-the-loop.be/en/case/195/asos-marketplace https://www.marketingweek.com/brands/asos/ https://www.asosplc.com/careers

Images credit list:

Asos Redesign Concept

During another shopping spree on the Asos website, I took a quick look at their Career section. To me, those pages felt out of tune with the Asos Brand. Asos usually have great UX, but the Career section had a very difficult navigation, and felt under designed, almost like a wireframe. Seeing this made me want to jump in, and try to redesign those pages while creating a better user experience.