Late on a rainy Tuesday morning, our product team stared at a newly built patient portal. Data tables rendered perfectly across the screen. Navigation felt crisp under the mouse.
Everything worked exactly as programmed.
Yet, our overall impression was terrifyingly clinical. Empty states detailing missing lab results looked like critical system errors. That 40-slide deck we presented to stakeholders suddenly felt very cold. Our onboarding flow felt less like a welcome and more like an insurance audit. Patients checking their biopsy results or scheduling physical therapy need warmth.
Hiring a dedicated illustrator simply wasn't in our budget right then. Our startup runway was too tight. We desperately needed an intermediate step. Sterile wireframes wouldn't cut it. But we couldn't initiate a lengthy procurement process for custom art either.
Enter Ouch. Icons8 built that library of professional illustrations to bridge exactly that kind of gap.
Constructing the Onboarding Flow
Working with pre-made libraries usually forces a nasty compromise. You trade visual cohesion for product-specific needs. Our primary test for Ouch involved the patient onboarding sequence.
Three distinct scenes were required. First, a user creating an account. Second, a patient reviewing privacy settings. Finally, a welcoming success screen.
Instead of searching for exact matches, we treated these assets as raw material. Filtering 101 available styles down to a colorful, sketchy look gave us something human rather than corporate. Because Ouch structures its collection with consistent UX coverage in mind, finding base scenes for logins and settings was remarkably straightforward.
Real magic happened inside Mega Creator. Icons8 provides that free online editor to manipulate their files. We took a base illustration of a person interacting with a tablet and began breaking it down.
Vectors inside are beautifully layered. Each file contains dozens of searchable objects. Swapping a generic coffee cup on a desk for a plant fit our wellness theme perfectly. Recoloring the entire composition matched our strict brand guidelines of muted blues and soft greens.
Monday morning arrived with a fresh look.
PNG exports are fine for mockups, but production needs crisp vectors. Upgrading to a paid Pro plan let us export the final customized scenes as pristine SVG files. We dropped them directly into our Figma canvas.
What resulted was a cohesive three-part sequence that looked purpose-built for our application.
Animating the Empty States
Dashboards inherently contain empty states. Patients might log in and see no upcoming appointments or recent test results. Staring at a blank white screen with a tiny text label induces pure anxiety. Did the test fail? Is the server down? Are the results bad?
Motion softens those harsh moments.
Ouch offers files in multiple animated formats including Lottie JSON, Rive, and After Effects projects. Opening the Pichon desktop app gave us access to browse the animated catalog natively. Drag-and-drop functionality made pulling assets directly onto our screens for quick sizing tests incredibly fast.
Locating an animated sequence of a character shrugging while holding a clipboard took only minutes. It served as a perfect metaphor for missing lab results. We downloaded the After Effects project file to tweak the animation timing.
Adjusting the character's clothing let us remove any bright red elements. We strictly avoid that color in healthcare interfaces to prevent subconscious alarms. Red implies danger, blood, or system failure.
Exporting the updated animation as a lightweight Lottie JSON kept our development team happy. Page load speeds didn't suffer at all.
Our frustrating dead end transformed into a reassuring pause.
The Tipping Point of Stock Customization
Every asset library eventually hits a ceiling. How far can you push these illustrations before hitting a wall and commissioning original art?
Ouch excels at general metaphors. Search for teamwork, data security, or friendly customer support, and you get thousands of options. Over 28,000 business illustrations and 23,000 technology assets live on the platform. Rearranging elements and swapping out tagged objects provides endless flexibility.
Things break down when products require niche representations. We eventually needed an illustration showing a patient interacting with a highly specialized piece of physical therapy equipment.
No amount of editing in Mega Creator could turn a generic office chair graphic into a medical device. Brand identities relying on an entirely unique artistic metaphor will also struggle. Finding specific mascots or completely novel drawing styles outside their 101 categories just won't happen here.
Early to mid-stage products get a massive accelerator. Teams build trust and approachability immediately.
Once a product matures enough to demand proprietary visual storytelling, commissioning an in-house illustrator becomes necessary. Differentiation from enterprise competitors demands nothing less.
Weighing Alternative Asset Libraries
Evaluating alternative platforms taught us valuable lessons about trade-offs. We tested several options before committing our workflow to one specific ecosystem.
UnDraw is entirely free and permits quick color customization. Popularity is actually its biggest drawback. Patients instantly recognize those illustrations from generic banking apps or standard corporate landing pages. That completely undermines the unique identity a healthcare product desperately needs.
Freepik offers an immense volume of assets, but structural consistency is nonexistent. Searching for healthcare graphics returns flat vectors, isometric 3D models, and watercolor sketches all on the same page. Building a unified UI with Freepik requires hunting down assets from one specific creator. Gaps in UX coverage almost always appear.
Blush provides fantastic tools for assembling human figures and creating diverse character illustrations. Deep customization of poses and outfits feels great.
SaaS dashboards expose its main weakness. You get the people, but you miss the deep catalog of technology, medical objects, and web elements required to illustrate complex software interactions.
Strategies for Interface Consistency
Successfully integrating a visual library into a professional product demands strict discipline. Haphazardly downloading different files ruins user experiences.
Try these rules for better results:
· Pick a single primary style and a fallback style from the collection, sticking to them strictly across your entire application.
· Establish a centralized brand color palette in your editing tools before modifying any downloaded assets.
· Export SVG formats for static images to guarantee sharp rendering on high-density medical displays.
· Save modified base files in a shared team repository so other designers can iterate on your specific customizations.
Placeholders and barren screens damage user trust in medical software. Don't settle for a sterile interface. Defaulting to standard clip art to patch gaps isn't your only option either.
Explore the layered customization offered by modern vector platforms. Treat these libraries as modular components rather than finished pictures.
Building an approachable, trustworthy interface on a startup timeline suddenly becomes entirely possible.