CLIENT

UX, UI, Interaction Designer employers.

STORY

It was May 2018, my interview at SOUQ.COM an Amazon company, a great opportunity and a challenge I have to handle since the position is for  Sr UX Designer and it has been less than  two years for me in the field.

I passed the first interview and the product head was impressed by the solutions I gave for improving the item page on Amazon, he asked for an analysis for certain tasks on Amazon and SOUQ.COM the Arabic version and after I sent the assignment they called me for another interview. One week later, an interview with the ux manager, another PM, and finally the HR. I did great, I know I did, the hiring manager also showed a lot of enthusiasm  and encouragement.

Weeks with no feedback nor good or bad, months later I called the hiring manger asking for feedback, he said "You are good, but Rafat, you do not have a portfolio", and I never looked back.

ROLES

UX researcher, UX/UI Designer, Interaction Designer, Product strategist, Developer & a cartoonist.

DURATION

Seven months.

TOOLS

Webflow
Invision
Adobe Photoshop
Adobe Illustrator
Corel Painter X3

GETTING READY

Until May 2018, all I had was a work of couple  own projects I made myself plus an experience as a UX researcher for three months.

Six months earlier, I was working as UX Researcher so I decided to include the research work I did, and by reaching this, I had two projects to display on my portfolio. The research work and Dekings website.

RESEARCH


I searched a lot about portfolios for inspiration, Medium, Dribbble, & Behance.

I learned that “If I want to show that I am good UX Designer the best way is to build a website”. I searched for a  building tool that will help me shape the portfolio I want.

Since I have background in HTML and CSS I Decided to build my portfolio on Webflow.






At that time, I was building my business, so finding a startup with low resources and limited budget in the incubator was a very easy process and  luckily I  was able to find a startup they want to build their Mobile app and I took that project.





After that project I started to figure out what a case study may look like, and here is the results.



Looked at +50 case studies, this is the very VERY summarized version for the best ones.

CHALLENGE


I knew I have to stand out so I thought about combining my artistic talent with Design, though, Design and Art are two different things but it’s good to show how they both affect each others, I mean, being an artist with lot of visual  experience is one of the reasons why I shift to design.

The second challenge was to make it brief and human, especially when it comes to the About page.

The third challenge was to write the case studies in a way that encourage the users to skim over it.

FIRST ITERATION

After a lot of sketches I moved to Webflow.



Feedback

"Tha UX Geek term does not indicate who are you, it is not clear"


A solution


Rest of the home page

I included my process in the home page plus categories for showing my work.


Case study page

Input

The goal here is to give the user a secondary navigation that helps skim the case study,

Feedback



A solution
‍‍

After analyzing the feedback it turned out that I wrote a NOVEL! and the same time I am not making my self clear enough.

SECOND ITERATION

Here comes the stage where I interviewed at REDGATE, the hiring manager asked for a dashboard redesign in order to pass for the third stage of the interview.

You may check the full case study here on my portfolio, REDGATE Dashboard Redesign Case Study.



They replied after month with this feedback.



I decided to include the task was given by Redgate as a case study, I want more work to richen my portfolio.

Before start the second iteration and adding the work I did the following:

1. I read "Articulating Design Decisions by Tom Greever.....( I bought it using the voucher Redgate gifted)

2. Observed and consumed more and more portfolios and case studies.

3. Took more feedback.




Home Page

Because users want to go directly to work, there is no need to the button "See how" it is misleading. Users will not learn directly that this button will lead to a case study, they may think it will lead to to "My process", so, I removed it and include the work at the same home page.

Rest of the home page

Faster way to see work, no need to put it Two clicks away from the user.

Case Study Page

More appealing interface plus a sticky note pattern I included to indicate the process.

Feedback



Here we are in Dec 2018, my portfolio was picked and featured on Medium as Top 50 UX Portfolios for 2018.

HELLO HOTJAR!

Where users failed

Including Hotjar to track where the users go and what they do was something interesting.

Simply speaking, Hotjar showed me the truth!

Analysis

It's hard to catch easily the resume, this is a conversion goal for this page so it's important to be dominant.

Solution

Bolded text in the middle of macro white space to draw the attention.

SUMMARY

LESSONS LEARNED

There are a lot of lessons to share but the most valuable thing I have learned is that "Never underestimate the power of user testing" it's a MUST. You will never how awful your product is until you see the truth. On other hand, the product is really never done, I do not know when will be the next time to iterate this version, the most important thing is to exceed new levels each time I iterate and learn new stuff.

WHAT'S NEXT

I am going to send this case study to Muzli's team and see if they can publish it, I strive for new feedback, iteration, and of course a new challenge to overcome.

FEEDBACK AGAIN!

 UX CASE STUDY

CATCHBEE
MOBILE
APPLICATION

 UI DESIGN

HUMOR STORY
BEHIND
DESIGN THINKING

 UX CASE STUDY

REDGATE
DASHBOARD
REDESIGN

RAFAT ALKHATEEB
ux designer

WORKABOUT

Portfolio's Story

DEKINGS
Company

CatchBEE
Mobileapp

ABOUT