Capabilities
What I actually do, day to day
Product Design
- UX Strategy
- User Flows
- Information Architecture
- Interaction Design
- Wireframes
- Prototyping
UI / Visual
- UI Design
- Typography
- Visual Systems
- Brand Identity
Growth / E-commerce
- Conversion UX
- Product Discovery
- Landing Pages
- Checkout
- Content Hierarchy
Motion
- Motion Design
- Micro-interactions
- After Effects
- Premiere Pro
Design + Development
- Design Systems
- HTML · CSS · JavaScript
- WordPress
01 — Selected Work
Selected Work
A selection of digital products, e-commerce experiences, healthcare platforms and visual systems.
"Make it easier to use."
Easier for whom, at which step, deciding what?
- Where does someone actually drop off?
- What has to be true for this to work?
- What am I assuming instead of testing?
People will read it.
They skim it. So the design has to survive being skimmed.
The interface carries the constraint, not a disclaimer next to it.
01 · UX/UI · E-commerce · Healthcare · Conversion
Reimagining the Online Pharmacy Experience
Customers had to understand products, pricing, prescription requirements and ordering steps while deciding whether to trust buying medication online. I simplified the journey without stripping the healthcare information people need.
- Role
- UX/UI Designer
- Tools
- Figma, WooCommerce
02 — Featured Case Study
02 · Product Design · UX/UI · Healthcare · SaaS
Simplifying Complex Healthcare Operations
Complex healthcare workflows — patients, care tasks, scheduling and field routes — were transformed into clearer operational experiences across desktop and mobile.
03 · UX/UI · Healthcare · Telehealth · D2C
A Private Telehealth Flow for ED Treatment
A sensitive condition needed a flow that felt discreet without feeling like it was hiding something. I designed the assessment, treatment selection and account dashboard for a telehealth platform treating patients without a clinic visit.
- Role
- UX/UI Designer
- Tools
- Figma
04 — More Work
05 — Why Me
Why hire me
I think in systems.
I don't just design screens. I connect flows, states, components and content into a system that can scale.
I understand business constraints.
I've worked on conversion, e-commerce, healthcare and operational products where UX decisions affect measurable business outcomes.
I speak design and development.
I understand HTML, CSS, JavaScript, WordPress and WooCommerce, which helps me design with implementation in mind.
I bring strong visual craft.
Eight-plus years across graphic and UI design give me a strong foundation in typography, hierarchy, composition and visual communication.
From LinkedIn
"Tabrez Zaidy has proven to be a precise and thoughtful designer who over the last several years has engineered solutions and managed production of multiple projects simultaneously. His eye for detail has been essential in keeping projects on task, on time and on budget. From eCommerce to APP design, UX and UI testing to maximize results and his ongoing study of market changes he has managed into the age of AI to ensure that he focuses on the aspects that bring results and revenue for his clients. I would not hesitate to recommend him and I would hire him again for my own projects."
Donna Rougeau
Founder of ALFIE · Managed Tabrez directly
"Over the seven years we worked together at True North Management, I had the pleasure of collaborating with Zaidy across a wide variety of projects. He has an extraordinary ability to juggle multiple complex initiatives at once, which made a dramatic, measurable impact on our team's overall productivity. Beyond his talent for creating clean, intuitive digital experiences, Zaidy kept our cross-functional teams seamlessly aligned and consistently on schedule. Working alongside him makes even the most intricate launches look effortless, and any team would be exceptionally lucky to have him."
Cilvan Patrao
Growth Marketing & Demand Generation · Worked with Tabrez on different teams
"I've had the pleasure of working with Tabrez since 2019, and throughout the years, he has consistently been professional, reliable, and a pleasure to work with. As a contractor, Tabrez has supported us in a variety of areas, including graphic design and working closely with our developers to update and maintain our websites. He has been able to adapt to our changing needs, take on different projects, and work effectively with our team. What I appreciate most about Tabrez is his professionalism, responsiveness, and dependability. Even though he has worked with us as a contractor, he has always approached his work with a strong sense of commitment and has become someone we can trust to get the job done well. I highly recommend Tabrez to any organization looking for a skilled, adaptable, and dependable individual. It has been a pleasure working with him over the years."
Glenda Perez
Tabrez's client
"I have worked with Tabrez on a consultancy basis for a number of years. He is very reliable - always delivering projects in a timely manner, to spec, and to a high standard. Notting Hill Media came to rely on him for quick design work. His efforts are much appreciated!"
Sophie Walters
Editorial & Content Manager · Tabrez's client
06 — Design Process
Seven steps, in the order they earn their place
- 01
Discover
Read the analytics, the support tickets and the funnel before touching a canvas.
- 02
Define
State the problem in one sentence a stakeholder and a developer both accept.
- 03
Explore
Sketch flows and structure wide, cheap and fast — before pixels get expensive.
- 04
Design
Build the interface on system components so decisions stay consistent at scale.
- 05
Test
Prototype the risky part and watch someone try to finish the task.
- 06
Refine
Fix what the test exposed, then check states, edge cases and accessibility.
- 07
Ship
Hand off with specs, sit with the build, QA the release, then measure it.
07 — AI in Practice
How AI actually sits inside my process
Saying “I use AI” explains nothing. So here is one project, week by week, and exactly where the machine helped.
The project
A rent payment app built to make paying rent a tracked, rewarded habit. Two paragraphs of brief, one competitor link, one designer, and a build team waiting.
RentPay: Modernizing Rent Payments with Rewards →-
Day 1 — Interrogate the brief
I argue with the model before I argue with the client
I put the brief, the competitor notes and my own reading of the problem into a model and ask it to attack that reading. What is the weakest assumption here? What would a property manager say to this? It does not hand me the answer. It hands me the three questions I should have asked in the kickoff, and I take those to the client while it is still cheap to change direction.
-
Day 2 — Widen before narrowing
Twelve structures for one screen, ten of them discarded
For the payment home screen I asked for a dozen different information hierarchies, each with a stated argument for why it leads. Most were obvious or wrong. One put the rewards balance above the fold — something I had filed as a later feature. That became the decision the whole product hangs on. The value was never the output. It was being forced past my first instinct in an hour instead of a week.
-
Week 1 — Write the interface
Copy stops being the thing I do last
Labels, empty states, error messages, the sentence that explains why a payment is still pending. I draft all of it alongside the layout instead of pasting lorem ipsum and promising to come back. Then I cut it hard, because a model writes three sentences where the screen has room for one. The design reviews better when the words are real.
-
Week 2 — Break it on purpose
The edge cases I would have found in QA, found in Figma
What does a tenant with no payment history look like? What happens when a payment fails after it is marked complete? What breaks at 200% text size, or in direct sunlight checking a receipt outside? I run the flows through a model as a checklist generator, then design the states that survive the list. It is unglamorous work that used to arrive as bug tickets.
-
Week 3 — Make it clickable
A real prototype in an afternoon, not a sprint
I build working front-end prototypes with AI assistance, so testing happens on something people can actually use rather than a hotspot deck. Developers get a reference that answers the questions a static file cannot: what moves, what waits, what happens on failure. My HTML, CSS and React background is what makes that handoff honest.
-
Throughout — Where I stop
Four things I do not delegate
- Deciding what problem is worth solving.
- Talking to the people who will use it.
- Taste — which of the twelve options is right.
- Accountability for what ships.
AI shortens the distance between an idea and something you can react to. It does not decide which idea deserved the trip.
08 — Experience
Where the practice was built
8+ years across graphic design and UI/UX, 2+ years in motion. Structured here by the kind of work rather than by job title.
Product & UX design, healthcare commerce
Multi-brand online pharmacy work: product discovery, prescription flows, dosage and quantity selection, cart and checkout, on a shared design system.
Healthcare platform product design
Operational workflows — patient management, care tasks, scheduling and routes — mapped, restructured and designed for desktop and mobile.
Graphic design, brand & print
Identity systems, campaign collateral and editorial layout in Illustrator and InDesign. The foundation of how I handle type and composition.
Motion design & front-end collaboration
Style frames and typographic animation in After Effects and Premiere Pro, plus hands-on implementation work with development teams.
09 — Design Systems
One system, many brands
The components below are the portfolio's own system — the same way I document tokens, states and patterns for a product team.
Colour
Typography
Display
Heading
Body copy sits at 15–18px with a 1.7 line height.
Label / metadata
Controls & states
Icons
Custom 24px stroke set — no icon font dependency.
10 — Graphic & Visual Work
The graphic-design years still do the heavy lifting
follows
function
11 — White Paper Design
Technical content, made to read at a glance
B2B white papers for enterprise security, physical access control, data center hardware and networking clients. The work turns dense technical material into a publication a decision-maker can scan: typography, layout, diagrams and infographics carrying the argument instead of walls of text.
Maximizing Enterprise Security Systems in the Cloud
Visual design, layout and infographic creation for a technical security white paper targeting enterprise IT decision-makers.
View White Paper →System Design Considerations to Optimize Physical Access Control
A comprehensive B2B publication communicating complex system architecture through clear typography, diagrams and data visualization.
View White Paper →The Hidden Energy Drain: Increasing Fan Efficiency in Data Center Cooling
A visually compelling white paper combining technical content with accessible design for a data center hardware client.
View White Paper →Combining Security and Networking Technologies for Unified Solutions
A professional multi-page publication bridging enterprise security and networking product positioning.
View White Paper →12 — About
Between product strategy and the smallest interaction detail
Tools
Figma · Illustrator · After Effects · Premiere Pro · WordPress · WooCommerce · HTML · CSS · JavaScript · Jira
Outside the pixels
- Travel
- Motorcycling
- Photography
- Technology
- Design exploration
I work across UX, UI, visual design and motion — often moving between product strategy and the smallest interaction detail.
My background in graphic design taught me how to communicate visually. Product design taught me how to solve problems systematically.
Most of the work in this portfolio follows the same shape: a messy real-world process restructured so the interface asks for the right thing at the right moment instead of everything at once.
I work across UX, UI, visual design and motion — often moving between product strategy and the smallest interaction detail.
My background in graphic design taught me how to communicate visually. Product design taught me how to solve problems systematically.
Most of the work in this portfolio follows the same shape: a messy real-world process restructured so the interface asks for the right thing at the right moment instead of everything at once.
Contact
Have a problem worth designing?
Let's talk about the problem, the users and what success looks like.