Mahdi Farra

Product & UX Design Lead Based In The Bay Area, CA With Strong Front-End Engineering Skills And Over 13 Years Of Experience Designing Across The World.

Portrait of Mahdi Farra

Case Studies

Aug 17, 2018
CollegeVine Sessions Scheduling System
Designing a scheduling system
The full process of designing a scheduling system for CollegeVine.
Read case study
CollegeVine
Product & UX
10 minutes
Feb 20, 2016
Video walkie talkie specs
Designing a Video Walkie Talkie
How I thought I was designing something totally new, and how I was so wrong about that.
Read case study
Swisscom
Interaction Design
10 minutes

Side Projects

2019
Fart Attack
A Chrome extension to make every link & button fart on click/hover.
Phhffrrrttt!
loud link desktop screenshot
loud link mobile screenshot
User Icon
+700 Active Users Most of them are probably unaware that it's installed in their browser.
Trash Can Icon
Most Uninstalled People usually uninstall the extension as soon as they discover they've been pranked.
Hand Crafted Icon
Hand Crafted Sounds Fart sounds used in the extension are hand/butt crafted with great attention to details.
Star Icon
+333 Votes on PH "This definitely needs a nomination for this year's Golden Kitty "WTF" award. 👏🏼" —Ryan Hoover (Founder of Product Hunt)
2018
Tap Tap Tap
Open source tapping game built with Javascript.
Tap Tap Tap!
TapTapTap desktop screenshot
TapTapTap mobile screenshot
Star Icon
117 Stars And 13 forks on GitHub
Animated Circles Icon
Sophisticated Interaction Design Including animation and sound effects
Code Boxes Icon
Pure Javascript No external libraries were used
Calendar Icon
Six Months To complete the design, development and user testing
2018
Cointrace
Crypotcurrency Prices by Market Capitalization.
HODL!
Cointrace desktop screenshot
Cointrace mobile screenshot
Person Icon
Personal Need Created this website because none of the existing websites offers a simple way to look at the prices
Sleep Icon
Weekend Project Designed, developed and launched it in one weekend!
Vertical Boxes Icon
API Learned how to make API calls in pure Javascript
Box with Circle Inside — Minimal Icon
Minimal Clean design without distractions
2018
Loud Links Logo
Loud Links
A simple tiny Javascript library to add interaction sounds to your website.
DING!
loud link desktop screenshot
loud link mobile screenshot
Star Icon
706 Stars And 62 forks on GitHub
Boxes — Simplified Process Icon
Simplified Process There wasn’t an easy way to add sounds to a webpage before
Goal Flag Icon
First Opensource Project This was the first my first opensource project, and also my first Javascript library
Vertical Boxes Tiny Size Icon
Tiny Size The whole library is ~1.5KB!

UI Samples

Companies

Where I've worked

Sr. UX Designer
🇺🇸 USA — San Mateo, CA
Rakuten Ready connects stores to mobile customers using a platform that is built entirely to deliver great order-ahead and click and collect experiences. From mobile ordering to store fulfillment, inventory, carry away and same-day delivery, Rakuten Ready got it covered.
Design Lead
🇺🇸 USA — Bay Area, CA & Cambridge, MA
CollegeVine offers data-driven virtual guidance for high school students to simplify their college admissions process.
I was the first designer at CollegeVine (employee #7 out of ~70), and that allowed me to have a huge influence on the direction of the product from day one.

Established the company’s style guide and design system.
Hired and managed 3 Front-End engineers and worked with them closely to implement the design system.

Designed the core features of our client-facing dashboard such as Video Chat, Sessions Booking System, and Profiles.
Defined and developed the company’s product roadmap.

Made a lot of research and performed regular usability tests.
Senior Product Designer
🇳🇱 The Netherlands & 🇨🇭 Switzerland
NGTI is the innovation department of Swisscom (the biggest telecom company in Switzerland).
I was part of the team working on a chatting app called Swisscom iO which was a WhatsApp competitor and one of the top 10 apps in the Swiss mobile app stores (Apple and Android).
I lead the design for an app (Android and iOS) that was targeting seniors, which had a lot of features to help seniors communicate and share moments with their beloved ones, and at the same time let the caretakers monitor their health.
Worked on a Slack-like chat app for corporates and big organizations.
​Senior UX & UI Designer
🇦🇪 Dubai, UAE
Dubizzle (an OLX company) is the largest Middle Eastern online classifieds.
Designed the company’s first native mobile app for both platforms (iOS and Android) which got over 3 million downloads in less than 3 months.
Worked on Dubizzle's style guide (UNO), a cross-department effort to rebrand Dubizzle. It defined the grounds for the future of the company's online presence - http://dubizzle.uno/
Redesigned the main website (desktop and mobile) and worked on two different product teams (properties and jobs).

Experience

Design / Code Illustration

I'm a Hybrid Designer

I’m a well-experienced product and experience designer who enjoys writing front-end code.

Design and creating things is a passion of mine, and throughout the years working around the world, I was always curious and hungry to learn more, and I often spend my evenings and weekends learning new skills and technologies.

Technical Skills

Visual Design, Wireframing, Prototyping & Interaction Design
Sketch Logo
Sketch
Figma Logo
Figma
InVision Logo
InVision
Principle App Logo
Principle
Framer Logo
Framer
Zeplin Logo
Zeplin
Coding
Javascript Logo
Javascript
Gulp Logo
Gulp
HTML Logo
HTML
CSS Logo
CSS
Sass Logo
Sass
Git Logo
Git
Illustrations, Video & Photo Editing
Adobe Photoshop Logo
Adobe Photoshop
Adobe Illustrator Logo
Adobe Illustrator
Adobe After Effects Logo
Adobe After Effects
Adobe Premiere Pro Logo
Adobe Premiere Pro
Adobe Lightroom Logo
Adobe Lightroom

Product Design Process

Understand the Problem
Research
Brainstorm Ideas & Solutions
Validate, Gather Feedback & Iterate
Ship!
Measure & Repeat

Countries I've Lived in

4 Countries — 3 Continents

North America
Europe
Asia
Bay Area, CA — USA
San Francisco, California
Boston, MA — USA
Boston, Massachusetts
Rotterdam, The Netherlands
Rotterdam, The Netherlands
Dubai, UAE
Dubai, UAE
Amman, Jordan
Amman, Jordan

Referrals

Miriam de Groot - Veronesi
Miriam de Groot - Veronesi
CEO at NGTI (a Swisscom subsidiary)

Mahdi is a multi-talented designer who is not only an expert UX/UI designer with strong product thinking skills but also a great front-end developer.

He's also very passionate about his work and dedicates a lot of his free time to learn new skills and technologies, in which he regularly shares with his team.

Mahdi is a great team player and strong leader, he's a strategic thinker, a good planner with great business knowledge.

João Pacheco
João Pacheco
UX UI Designer

I can say that Mahdi is one of the most talented and fun designers that I have the chance to work with.

He will never leave the office without making you laugh. He's a very outgoing person but when it comes to work he's very focused and he's always trying to push himself to learn more and more.

He's always available to listen and he's the kind of person that will always take your opinion in consideration. I would definitely recommend the world in general to bring more people like Mahdi, it will for sure be a better place.

Ahmad El Gabri
Ahmad El Gabri
Principal Software Developer (Front-end) at Lightspeed HQ

Mahdi is an excellent detail-oriented designer, he really understands the medium he designs for whether it's web or mobile.

What is special about Mahdi that he likes to learn and read other stuff that might affect his designs, like front-end technologies/languages and never gets tired of improving his designs and asking for feedback. Not to mention his amazing sense of humour.

João Cunha
João Cunha
Product Manager, Founder at Lila, GDG Lead Organizer

Mahdi's crazy personality is probably his most important asset: it makes him think out of the box and come up with really unexpected solutions for design problems the team struggles with.

The fact that he is also good with front-end engineering makes him a very well-rounded UI/UXer who understands usability and performance implications. His craft looks good and also works well.

He is a great colleague-turned-friend who is always there to help and a great teamplayer. I had a joyful time working with him at Dubizzle and I hope to work with him again in the future.

Email

I usually get back to emails in less than 24 hours

Social Profiles

Let's be friends!