Shir Zalzberg

OverOps Website

Our website is very active, with people coming in all the time. This means our key messages should always be on point, and our recent big change was all about that. We wanted a more B2B oriented website that will make visitors feel we are industry leaders, but we also wanted to introduce new technologies such as ARC AI. This created a very specific set of design challenges for us to meet.

The first step was creating a unified style guide. In the year leading up to this project we added many new pages, some in haste, creating a non unified feel. Creating a style guide proved critical not only to redesign the entire website, but to do so in a timely fashion. Our product is VERY technical, so to keep things from getting boring I wanted to create pages that are fun, but still serious. To do so, I incorporated bright and bold gradients with white pages and a clean layout.

A new style guide

Mask

The Work at Asos page

When it came to our homepage, we had one thing in mind - First impression! Knowing that we only have a few seconds to convince people to stick around, we wanted to assets that will showcase our advantages in a clear cut way. We also needed to achieve this subtly, without making the page overwhelming or terribly busy.

The homepage

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

The Work at Asos page

A page of utmost importance, the Pricing Page should build confidence and make users feel safe. Users should understand what they're looking at right away, and get all the answers they need, so having really good UX is critical. We made sure to make our pricing plans as readable as possible, and added a features table and FAQ for good measure.

The pricing page

The Work at Asos page

Our testimonials gallery is one of my personal favorites. We wanted a gallery of selected user quotes, and it needed to be flexible so we can embed it on various pages. Each gallery entry needed to include the quote, who said it ,and the company he or she works for, and we wanted at least 3 entries visible at a time.

Testimonials

The Work at Asos page

Our most technical page of them all, this is where we point users who want to know more about our product, and what it has to offer them. This also means our advanced technology is at full display, showing users what they have to gain from it. Viewing time on this page is usually limited, so we had to come up with a very precise way to convey a very complex product. To make sure our visitors feel comfortable, we used bright blue colors and lots of white space.

The product page

These pages are all about our clients, and how they use OverOps. To make it about them, we designed each page as if it was taken out of that specific company’s website. The colors correspond with the company, and so are the images. We summarized important information on the left side of the page to make it easy to understand, even if the user doesn’t have the time to read the entire story.

Customer stories

I want to see more!

The product page

Our most technical page of them all, this is where we point users who want to know more about our product, and what it has to offer them. This also means our advanced technology is at full display, showing users what they have to gain from it. Viewing time on this page is usually limited, so we had to come up with a very precise way to convey a very complex product. To make sure our visitors feel comfortable, we used bright blue colors and lots of white space.

A new style guide

The first step was creating a unified style guide. In the year leading up to this project we added many new pages, some in haste, creating a non unified feel. Creating a style guide proved critical not only to redesign the entire website, but to do so in a timely fashion. Our product is VERY technical, so to keep things from getting boring I wanted to create pages that are fun, but still serious. To do so, I incorporated bright and bold gradients with white pages and a clean layout.

The pricing page

A page of utmost importance, the Pricing Page should build confidence and make users feel safe. Users should understand what they're looking at right away, and get all the answers they need, so having really good UX is critical. We made sure to make our pricing plans as readable as possible, and added a features table and FAQ for good measure.

The homepage

When it came to our homepage, we had one thing in mind - First impression! Knowing that we only have a few seconds to convince people to stick around, we wanted to assets that will showcase our advantages in a clear cut way. We also needed to achieve this subtly, without making the page overwhelming or terribly busy.

Testimonials

Our testimonials gallery is one of my personal favorites. We wanted a gallery of selected user quotes, and it needed to be flexible so we can embed it on various pages. Each gallery entry needed to include the quote, who said it, and the company he or she works for, and we wanted at least 3 entries visible at a time.

Customer stories

These pages are all about our clients, and how they use OverOps. To make it about them, we designed each page as if it was taken out of that specific company’s website. The colors correspond with the company, and so are the images. We summarized important information on the left side of the page to make it easy to understand, even if the user doesn’t have the time to read the entire story.

OverOps Website

Our website is very active, with people coming in all the time. This means our key messages should always be on point, and our recent big change was all about that. We wanted a more B2B oriented website that will make visitors feel we are industry leaders, but we also wanted to introduce new technologies such as ARC AI. This created a very specific set of design challenges for us to meet.