zohaib a.
(zo-hey-b)
zohaib@hey.com
👋
!
I'm a freelance

Product Designer

and

Manager

,

working

remotely

on

US time zone

.

17+ Years of Design Experience

Websites

Mobile & web applications

UX & prototyping

Content Strategy

Javascript interactions

HTML & CSS

Conversion optimization

Design leadership

Client

GuideBuddy

Project Type

Web Application

Role / Services

UX, Visual Design & Branding

Outline

Designing a  no-code live guidance platform to build step by step walkthroughs for onboarding and application training.

The Challenge

Change is hard.

GuideBuddy’s primary aim was to replace or offer an alternative to the common practise of reading help articles or watching videos to learn to use a web application.

While end users preferred to receive the training using live guidance while using an application. However, for someone creating these guides, the process had to be easier than writing an article, guiding someone on a phone call or writing an email explaining the process, so they could use the application more frequently to create guides.

GUIDE DISCOVERY

A multi-functional widget designed to discover and start guides

Guided Tours

The onboarding features allow for multiple guides to be grouped together in a sequence. Progress is also tracked marking the sections as completed to be continued or revisited later.

When inside such a section, a combination of guides, articles or videos can be used to accommodate the application onboarding or feature training process.

Available Guides

Instead of defaulting to live chat or knowledgebase articles, users can trigger the GuideBuddy widget to get step-by-step guides. The list of available guides can be contextual through segmentation settings, including where they are on the website/application.

With the search feature, users also get a quick shortcut to start a live chat if they are unable to find their guide.

Live Chat

Instead of live chat agents pointing users to where to find the information they are looking for, which often involves mentioning the name and location of a button, the support agents can save both their time and the customers’ by linking a guide which a user can start to perform their tasks independently.

The Problem

Speed

A proof of concept to test feasibility for development had already been created. The team was excited to move further and I was added to the team as the only designer to design the UI of the  already built application as a 3-month freelance agreement.

Setting up processes

One step back,
many steps forward

Trying to catch up with the development speed was creating inconsistencies with the design and the user experience was suffering because of lack of research and testing.

I was able to convince the team to allow design to take a step back and view the product from a bird's eye view and strategize accordingly. This included from going deeper into the target audience with user personas to the overall product vision. From a screen-to-screen design approach originally anticipated by team, it went to a holistic view of the application where experience mattered more than the number of screens.

Extending the design system

Creating a Depth Hierarchy

Adding more controls to the header harder to navigate and inconsistent that started with a single row. With a different set of controls on each page and not enough room to add labels, we started adding tooltips as possible solutions but it was only a workaround. We needed a change.

After various iterations, we agreed to divide the header into two levels. The top bar to only have top level settings, normally reserved for actions needed to be used only once per interaction. A new floating bar was added to filter or add items that would directly reflect to what was displayed below.

This required a depth hierarchy to be made a part of the design system. It was inspired by Google’s Material Design to make the floating appear above the other layers.

The Problem Solution

Speed

With the design system in place, it became easy to focus on user experience, and for the developers to also not have to rethink design implementation every time a new layout was created.

Designers like Zohaib are a rare find. Over the years of working even with senior designers from North America, I have never met someone with such a deep understanding of UX and product design. Zohaib is very easy to work with and he adds value not just for design but across the spectrum, from design to strategy, content and marketing. During our product demos and investor presentations, I received a lot of positive feedback because of the design alone because of him.
Picture of the author of the testimonial
—Murad Kayani
Co-founder and CEO,
Zeurix and GuideBuddy
Leesburg VA, USA
Selected Project 1/4

GuideBuddy – a no-code live guidance platform to build step by step walkthroughs for onboarding and application training.

Web Application
Role: UX, Visual Design & Branding
Go to project
Selected Project 2/4
NEW

WATERCARD – fintech app which allows a percentage of transactions to be donated for clean water.

Mobile App, Website & Logo Design
Role: UX, Strategy, App Design & Leadership
Go to project
Selected Project 3/4

SoloInsight – companion app and interface design for multi-factor authentication access control devices.

Tablet Application & IOT Interface Design
Role: Product Design & Management
Go to project
Selected Project 4/4

Eggventure – an arcade/action game with digitally painted characters, environments and storyline.

iPhone & iPad Game
Role: Partner/Investment & Creative Direction
Go to project
Selected Project 1/4

GuideBuddy – a no-code live guidance platform to build step by step walkthroughs for onboarding and application training.

Web Application
Role: UX, Visual Design & Branding
Go to project
Selected Project 2/4
New

WATERCARD – fintech app which allows a percentage of transactions to be donated for clean water.

Mobile App, Website & Logo Design
Role: UX, Strategy, App Design & Leadership
Go to project
Selected Project 3/4

SoloInsight – companion app and interface design for access control devices.

Tablet Application & IOT Interface Design
Role: Product Design & Management
Go to project
Selected Project 4/4

Eggventure – an arcade/action game with digitally painted characters and environments.

iPhone & iPad Game
Role: Partner/Investment & Creative Direction
Go to project

Designed websites and applications for Fortune 100-500 companies, tech startups, non-profits, government and more over the past 17+ years.

Clients I have worked with

Okay Zohaib, you’re a great designer, but...

Where are you currently based in?

I am currently based in Lahore, Pakistan.

For compliance purposes, I also own and operate a business entity in United States which can be used for direct bank transfers and contracts, where needed.

Can you overlap with US hours?

Yes, all of them. I get to live my childhood dream of staying up all night, and as a result, it allows me to work and collaborate during 9-5 US East and West Coast hours.

What is your hourly rate?

It is very hard to calculate hours worked on design, specially on research and strategy work. I prefer weekly, monthly retainer or if the scope is well defined, then value-based fixed priced projects.

Can you work with our existing design team?

Yes. I have led several teams, hired and mentored designers, including those outside of my primary discipline. I’ve also had the privilege to work under some exceptional leaders. I can join your Slack or collaboration tools so your team doesn’t have to make any adjustments to get me onboard.

At what stage of a project should we get you onboard?

I love building products from the ground up. Working with product owners, co-founders and senior engineering early-on allows me to understand the roadmap and business goals. This allows design with better decisions to prioritize features, design and prototype them, and get them shipped, while keeping the business goals a priority. I work across the entire product design spectrum, and can jump in wherever needed to ensure your project is a success.

Our design team is struggling. How can you help?

In a few critical situations, I have even managed to get non-designers to help craft creative solutions. Sometimes all the design team is looking for is a change in their process, some refresher, validation, confidence, or a mix of all of these. Please get in touch and we can figure out how best to help you.

How do you test your designs?

I feel very privileged to have some very talented designer and business owner friends. I often share my design work with them to get their feedback. A lot of time, the most valuable feedback comes from non-designers who largely view those designs from the perspective of a user, rather than the visual elements. I am also a part of several Slack design groups where I can share the work.

For a larger audience sample, I analyze the analytics and go back to personalized user testing to narrow down on the problems and work on solutions accordingly.

Do you also code?

I don’t think every designer has to, but I do. I have become so comfortable with Webflow that a few of my recent (decent-looking) websites never even had a design file, other than branding assets and wireframe sketches.

Imagine the cost you can save by hiring a designer who can easily jump to production and the final deliverable, instead of a static design file, or animated After Effects prototype will be a fully functional website.

Nowadays, to replicate my experience for the web with HTML, CSS & Javascript, I am trying to learn SwiftUI, to be able to make  improvements to iPhone, iPad & macOS app design without having to engage both designers and developers at the same time going back-and-forth.

What if we want to hire you for a full-time role?

You can also download my resume or
share it with your colleagues.

I’ve worked with so many companies through my career, big and small, but without a doubt one of the smartest senior/director level UX designers I’ve ever had the privilege to jam with has to be @HeyZohaib. Just incredibly creative!

A MUST hire if the opportunity arises.
Picture of the author of the testimonial
—Dann Petty
Freelance web/app designer,
Author thatportfolio.com,
Co-founder @epicjobs
Designers like Zohaib are a rare find. Over the years of working even with senior designers from North America, I have never met someone with such a deep understanding of UX and product design. Zohaib is very easy to work with and he adds value not just for design but across the spectrum, from design to strategy, content and marketing. During our product demos and investor presentations, I received a lot of positive feedback because of the design alone because of him.
Picture of the author of the testimonial
—Murad Kayani
Co-founder and CEO,
Zeurix and GuideBuddy
Leesburg VA, USA
"Coming from a bootstrapped tech company, we were not able to invest much in design. When we were taking SoloInsight to United States, we knew we had to pay very close attention to the UX of all of our applications moving forward. Hiring Zohaib was a no-brainer. He was our first proper design hire that laid the foundations to the design team at SoloInsight. We were under extreme pressure to give product demos to our investors and customers where Zohaib masterfully took my vision forward, worked with the development teams and consolidated our applications to smaller units. He set the tone for our design language that we use to this day."
Picture of the author of the testimonial
—Farhan Masood
Founder and CTO
SoloInsight, Inc.
Chicago IL, USA
"Zohaib's talents rival -and surpass- many of the “expert” designers we have contracted with in the past throughout the world. His experience level is quite sophisticated, original and creative, and I find his world-view, relating to client technologies and capabilities to be astounding for a man of so few years. He is also quite a pleasant young man to work with, never complaining, and eager to handle whatever we throw at him. He always shines when under extreme pressure, and has never yet disappointed us or our clients in meeting deadlines and project expectations.
Picture of the author of the testimonial
—Wayne Hodges
Senior Vice President and
Co-Owner,
World Incentives, Inc.
Bostom MA, USA

And what are the next steps?

To have a quick chat about your project or job post immediately:

Text me at +1 (415) 523 5884 or
DM me on Twitter @HeyZohaib

or you can

Email me at zohaib@hey.com or
Schedule a discovery call.