UI/UX Designer, Graphic Designer, and Creative Director

Contact

© Omar Mansour. All rights reserved.

© Omar Mansour. All rights reserved.

© Omar Mansour. All rights reserved.

© Omar Mansour. All rights reserved.

MailerLite is an email marketing tool and website builder for businesses of all shapes and sizes. Users can create professional newsletters, landing pages and websites using a drag & drop builders or by customizing pre-designed templates. And manage campaigns on-the-go in the iOS app.

3. LinkedIn Cover

© Omar Mansour. All rights reserved.

Fingerprint For Success (F4S) is an online platform used to identify and develop entrepreneurial leaders and teams. They identify motivators and provide coaching programs. They asked me to design an Instagram post based on one of the F4S motivations they identify or one of the AI coaching programs they recommend. The goal was to highlight the benefit and the value gained from starting a coaching program while keeping aligned with their brand qualities.

© Omar Mansour. All rights reserved.

JKR Windows is a window replacement and installation company operating in Utah. I wanted to emphasize how JKR Windows' cutting-edge technology can save money for its customers by maximizing insulation and minimizing energy loss. I researched Utah's electric service provider to make sure the bill in the ad looks familiar to Utahns!

I wanted the first image to be simple and make a statement. Working with the established brand guidelines, I went with a purple background, glass text, and the bill with the amount due highlighted.

© Omar Mansour. All rights reserved.

Microwize's old logo had remained unchanged since the company was founded in 1997. As a leader in medical office software and IT solutions, it was essential for Microwize to demonstrate its evolution and relevance in the modern world; thus, they felt their logo was due for an update. Over the past 25 years, Microwize executives had considered a redesign, but they were concerned about maintaining brand recognition.The challenge was to update the logo and its colors while preserving brand identity. Before the redesign, Microwize lacked a consistent visual identity or a brand style guide, so it was not merely a logo redesign; I also created a comprehensive visual identity and brand style guide. Additionally, I developed brand characters and an illustration style for use in digital, print, and motion graphics. I paid close attention to color psychology, emphasizing blue and yellow to reflect values such as loyalty, integrity, and innovation.With the new logo, I introduced the slogan "Helping Doctors and Patients See i to i," which was incorporated into the design.

© Omar Mansour. All rights reserved.

Vosita is an online platform and application that allows patients to find providers based on specialty, insurance network, location, reviews, or the language they speak. When I joined Vosita, I updated its brand identity and created a style guide to ensure consistency. I also designed brand characters. For the 2.0 launch, I collaborated closely with the marketing team to understand their needs. In addition to illustrating and animating the characters, I wrote the script and designed motion graphics for the marketing campaign videos.

© Omar Mansour. All rights reserved.

Vosita is an online platform and application that allows patients to find providers based on specialty, insurance network, location, reviews, or the language they speak. When I joined Vosita, I updated its brand identity and created a style guide to ensure consistency. I also designed brand characters. For Vosita's launch, I collaborated with the marketing team to understand their needs. They had already been running display ads for a year, but after updating the brand style guide the old display ads had to be redesigned. I designed and animated the display ads used in the marketing campaign, which improved ad performance by 100%.

© Omar Mansour. All rights reserved.

Upon joining Microwize, I updated its brand identity and developed a comprehensive style guide to ensure visual consistency. I also created brand characters to enhance engagement. A key focus of the marketing department has been internal communications; I designed various collateral, including signage, IDs, stationery, letterheads, and email signatures, to promote the company's objectives and foster employee engagement and brand advocacy.I found great joy in seeing how my designs transformed the workspace and how excited the employees were!

© Omar Mansour. All rights reserved.

Vosita When I Joined
Vosita launched in 2020 with a basic, feature-limited product that struggled to compete with established players like Zocdoc. When I joined the team in 2022, Vosita was already in the early stages of its redesign—referred to internally as "Vosita 2.0." At that point, Vosita’s UI/UX design had been passed through several hands, and assets were inconsistently divided between Adobe XD and Figma. The existing project files were disorganized, and the design lacked a cohesive and scalable structure.Transitioning to Figma
A key challenge for the front-end team was the lack of clear project file references due to disorganized design assets split across Adobe XD and Figma. Files that had migrated to Figma needed work and lacked the use of auto-layouts, variant components, or a consistent grid system. To address these issues, I migrated all remaining Adobe XD files to Figma and restructured existing Figma files, creating a scalable, efficient design system.Working within our Agile framework, I dedicated the initial sprints to decluttering and streamlining these files. This allowed me to unify the designs while collaborating with the development team to support new features. A critical challenge was ensuring that legacy designs remained accessible for ongoing sprints while also producing high-fidelity prototypes and UI flows for upcoming features. I also adapted our grids to align with Bootstrap, our chosen front-end CSS framework, improving responsive performance and visual consistency between Figma designs and the live site.Defining a Brand Identity
I was brought on as both a graphic designer and a UI/UX designer. Vosita’s platform needed a distinct brand identity, as its visual design was generic and lacked cohesion. While I wanted to retain familiarity, I refined the existing color palette by introducing tints and shades and emphasizing color psychology for improved visual appeal.I developed a set of custom Vosita characters and an illustration style for use across various assets, including landing pages, infographics, and motion graphics. In healthcare, illustrations can help communicate empathy and add light-heartedness to challenging topics. I also introduced real-life imagery, focusing on faces to build trust and create an approachable, clean, healthcare-focused aesthetic.The new brand identity has enabled us to create high-quality social media collateral, dramatically improving our online presence. Below are some before and after examples.

Enhancing the User Experience
Once the core flows were updated in Figma and the brand identity established, I focused on improving the overall user experience. I collaborated with our team on user research, including focus groups and data-driven insights, to identify and address UX pain points. My goal was to align our website and app with UX best practices, streamlining interactions and enhancing accessibility.Below are screenshots of key pages I redesigned. While few, these pages have significantly enhanced the overall user experience.I discuss in detail my work to improve the booking flow⧉, the signup/login pages⧉, and the provider public profile⧉.

UX Writing
Previous UI/UX efforts by international teams had led to inconsistencies and errors in UX writing. The English copy was often clunky and, at times, contained grammar and spelling errors that made their way to the live product. I created a content style guide to set clear writing principles, voice, and tone, ensuring that all communication on our platform—from microcopy to larger content pieces—was consistent, natural, and user-friendly.I took charge of UX writing, from refining microcopy for buttons, menu items, notifications, and error messages to overhauling larger pieces of content like support documentation. Additionally, I revised all external communications (emails and SMS) to ensure they were HIPAA-compliant and aligned with our new brand voice.I work closely with the Marketing team to ensure we're using top-performing keywords and optimizing header tags and word count for maximum SEO effectiveness.Reflection
Improving an existing product with a disjointed foundation is challenging, but the transformation is incredibly rewarding. Seeing the evolution from "before" to "after" confirms the impact of my work on the quality of the product. I’m proud of the changes I’ve brought to Vosita, creating a more cohesive, user-friendly experience, especially for our older, less tech-savvy user base.

© Omar Mansour. All rights reserved.

At Vosita, where we help patients connect with doctors, I identified an opportunity to improve our booking flow across web (desktop and mobile) and app. Working closely with our business analyst and product owner, I conducted focus groups to gather user insights. We focused on “booking journey time,” measuring the duration from a guest user starting their search (entering provider name or specialty, selecting insurance, location, date, and type of visit) to successfully booking an appointment. We found that this journey took an average of 17 minutes, with some cases extending up to 22 minutes. Additionally, some users faced usability challenges and couldn’t complete bookings.Our goal Streamline the booking experience to ensure accessibility for users of varying tech skills and reduce the journey time to 5 minutes.Key Challenges and Solutions
1. Provider Selection Experience
Problem: Users would type a provider’s name and see a dropdown, but after selecting it, they still had to hit “search” and select the provider again from a results page.
Solution: I updated the flow so that clicking a provider’s name would directly take users to the provider’s profile, allowing them to proceed with booking immediately.

2. Location Entry Optimization
Problem: Users struggled with location entry, as the field was initially blank and required them to click, triggering a browser prompt for GPS access. If users declined, we defaulted to a less accurate IP-based location.
Solution: To simplify, I pre-filled the location field with the IP-based location by default, which was generally accurate. Only when users clicked the location field (indicating dissatisfaction) would they be prompted to enable GPS for a more precise location. This cut down time significantly, as most users didn’t interact further with location input.3. Date Field Labeling
Problem: The date field autofilled with “MM-DD-YYYY,” and users sometimes weren’t sure what day it was.
Solution: I updated the field to autofill with “Today,” making it more intuitive. If users wanted a future date, they could still click the field to change it, with the specific date then displayed. This simple adjustment provided clarity and improved user confidence.4. Simplifying Homepage's Search Bar
Problem: The UI had “Filter” and “Reset” buttons alongside the “Search” button, which cluttered the interface.
Solution: I removed the “Filter” and “Reset” options, leaving only the “Search” button to provide a simpler, clearer action path.

5. Insurance Selection Revamp
Problem: The insurance field was confusing—users had to select a carrier and then a plan, and the design allowed moving forward without selecting a carrier, causing errors. Additionally, some users only knew their carrier and not the specific plan.
Solution: I redesigned this step to require a carrier selection before moving to plan selection, organized the carrier and plan options alphabetically, and added a fuzzy search feature. Users could also select only the carrier without needing a specific plan. This redesign helped reduce confusion and errors significantly.

6. Booking Flow and Sign-Up Optimization
Problem: Clicking on a time slot in the search results previously led to the login page. Unregistered users had to navigate through sign-up, log in again, then return to the booking page, only to be redirected for email verification, resulting in significant drop-offs and a convoluted process.
Solution: I restructured this flow by introducing a sign-up modal that appeared upon time-slot selection. This modal minimized required fields, removed the “confirm password” field, offered SSO, and verified user credentials at this step. Most importantly, I enabled auto-login upon sign-up, taking users straight to the booking page post-verification with prefilled contact info, allowing them to book directly. This minimized friction and allowed users to complete the process in fewer steps.

Results
These improvements reduced the average booking journey time to 6 minutes and achieved a 100% booking success rate among users, significantly enhancing the usability and accessibility of Vosita’s booking experience.

© Omar Mansour. All rights reserved.

At Vosita, we needed to fix a confusing signup and login experience. The original split-screen layout made it hard for users to navigate smoothly, especially on mobile. My goal was to simplify, clarify, and make the flow more user-friendly across all devices.Key Challenges & Solutions
1. Cluttered Split-Screen Design & Vague Messaging
Problem: The split-screen had signup/login forms on one side and alternate actions on the other, with vague headings like “Welcome back!” and “Hello there!” that didn’t make it clear where users were supposed to go. Users often clicked away unintentionally and lost their progress.
Solution: I moved everything to a single side and added straightforward options like, “Already have an account? Log in” or “Need an account? Sign up.” This way, users could see exactly where they were without extra clutter or mixed messages.2. Sign-Up Complexity and Progress Loss
Problem: New users had to choose from multiple options (patient vs. provider, etc.), which created a confusing sign-up flow. Plus, if they tried to navigate away, they’d lose all their input.
Solution: I simplified the form, removed the “confirm password” field, consolidated all legal to one checkbox, and added a confirmation modal that popped up if they tried leaving mid-signup, so they wouldn’t accidentally lose progress.

3. Mobile Experience Issues
Problem: On mobile, the split-screen layout went vertical, with the form at the top meaning that users had to know to scroll down to view alternative actions (like login).
Solution: By keeping everything on one side, the essential options loaded fully on screen, saving users from unnecessary scrolling and improving clarity.

4. Streamlined Verification & Success MessagingProblem: Before, users had to verify their email, log back in, and were taken to an empty appointments page, which didn’t make sense for new users.
Solution: I embedded verification into signup, added auto-login, and redirected them to the homepage where they could start booking appointments right away. I also shortened the success message so it stayed relevant and didn’t distract from their next steps.

Results
These updates led to a faster, clearer signup/login experience, which worked great on mobile too. Users now have a smooth path from account creation to booking, making it easier and faster to connect with providers.For more on my booking flow improvements, check out this link Booking Flow Overhaul⧉.

© Omar Mansour. All rights reserved.

The original provider profile layout was wide and spread out, making it hard for users to scan and find essential information quickly. It included a wide header with the provider’s name and an “availability” button to the far right, but it wasn’t sticky, so users often scrolled past it. Below, a small left column held the provider’s bio and location map, while a wider right column contained detailed provider info, with patient reviews at the very bottom.Key Issues & Solutions
1. Improved Layout for Scanability and Readability
Problem: The wide format felt scattered, didn’t guide the user’s focus, and required extra scrolling, making it challenging to browse details easily.
Solution: I narrowed the layout to increase scanability, helping information flow in a way that’s easy on the eyes and better for mobile viewing.2. Sticky Header with Clear CTA
Problem: The “view availability” button was hard to find after scrolling, and it wasn’t intuitive to navigate back up to schedule an appointment.
Solution: I created a sticky sidebar on the left with the provider’s name and availability, always keeping a clear CTA (“Book Appointment”) visible at the bottom. This makes it easier for patients to book directly as they learn about the provider.3. Streamlined Information Flow
Problem: Information on the profile wasn’t grouped logically, leading to a disjointed experience.Reviews, which previously required users to navigate to a separate page, pulled users away from the booking CTA.
Solution: I organized provider details on the right side with reviews expanding on the same page, so users can read reviews without losing sight of the booking option. A floating button to scroll back to the top also helps users navigate quickly when there are many reviews.

Results
This redesign increased appointment bookings, enhanced scanability, and encouraged providers to share their profiles with potential patients. By simplifying and modernizing the layout, we made the user experience more cohesive, efficient, and visually appealing.

© Omar Mansour. All rights reserved.

Thank you

• Back