Porfolio of Mahdi Farra

Side Projects

2019

New Years Card Maker

A web app to make your own new years greeting card that can be easily saved as an image and shared anywhere.

Happy New Year!

DOM to Image First time trying to generate an image from a web page.

Advanced CSS Animation Tiny interactions and animations made with lots of love and attention to details.

Gulp JS + Netlify Improved front-end workflow, and used Netlify for the first time.

Sexy Design From typography, color choices, to a unique button style.

2019

🍑

Fart Attack

A Chrome extension to make every link & button fart on click/hover.

Phhffrrrttt!

+700 Active Users Most of them are probably unaware that it's installed in their browser.

Most Uninstalled People usually uninstall the extension as soon as they discover they've been pranked.

Hand Crafted Sounds Fart sounds used in the extension are hand/butt crafted with great attention to details.

+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!

117 Stars And 13 forks on GitHub

Sophisticated Interaction Design Including animation and sound effects

Pure Javascript No external libraries were used

Six Months To complete the design, development and user testing

2018

Cointrace

Crypotcurrency Prices by Market Capitalization.

HODL!

Personal Need Created this website because none of the existing websites offers a simple way to look at the prices

Weekend Project Designed, developed and launched it in one weekend!

API Learned how to make API calls in pure Javascript

Minimal Clean design without distractions

2018

Loud Links

A simple tiny Javascript library to add interaction sounds to your website.

DING!

706 Stars And 62 forks on GitHub

Simplified Process There wasn’t an easy way to add sounds to a webpage before

First Opensource Project This was the first my first opensource project, and also my first Javascript library

Tiny Size The whole library is ~1.5KB!

Checkout other opensource projects on GitHub

UI Samples

Checkout other work samples on Dribbble

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).

Checkout previous experiences on LinkedIn

Experience

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

Figma

InVision

Principle

Framer

Zeplin

Coding

Javascript

Gulp

HTML

CSS

Sass

Git

Illustrations, Video & Photo Editing

Adobe Photoshop

Adobe Illustrator

Adobe After Effects

Adobe Premiere Pro

Adobe Lightroom

Product Design Process

Understand the Problem

Research

Brainstorm Ideas & Solutions

Validate, Gather Feedback & Iterate

Ship!

Measure & Repeat

Referrals

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

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

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

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.

Mahdi Farra

Product & UX Design Lead Based In The Bay Area, CA with Strong Front-End Engineering Skills and Over 14 Years of Experience Designing Across The World.

Case Studies

Side Projects

UI Samples

Companies

Experience

I'm a Hybrid Designer

Technical Skills

Product Design Process

Countries I've Lived in

Referrals

Email

Social Profiles