Reading time : 8 mins
Anyline
Anyline, an Austria-based leader in AI-powered mobile data capture & OCR, needed a clearer and faster way to showcase its WebSDK capabilities.
I rebuilt the experience into a clear, fast scanning experience that makes the tech easy to understand, simple to try, and instantly showcases its capabilities.
Client : Anyline (Austria) | My Role : Lead UX Designer
Domain : B2B SaaS · OCR & Data Capture | Link : https://scan.anyline.com
Drop-offs reduced by ~25% with a simplified 3-step flow.
Time-to-First-Scan decreased by 15 seconds with instant upload to auto-scan.
Click count reduced by ~40% by removing unnecessary steps.
Boosted SUS score from 52 to 74 through a cleaner, WCAG-compliant UI.
Task completion rate improved from 48% to 72% with clearer CTAs and real-time feedback.
Successful scan rate improved from 62% to 80% with clearer guidance.
Lead conversion rate increased from 6% to 10% by turning the demo into a faster, more intuitive product showcase.
Key Challenges
-
Existing demo flow was lengthy & required several steps to complete a scan.
-
Cluttered interface.
-
No unified brand experience across screen sizes and devices
-
High drop-off due to low user engagement and unclear guidance.
-
Needed a fully functional, responsive web interface within tight deadlines.
Business Goals
Showcase the WebSDK's scanning power through an intuitive, interactive demo.
Reduce time-to-scan and optimize the end-to-end user journey.
Deliver a polished, visually aligned experience that reflects Anyline’s brand identity.
Improve engagement and convert more demo users into product leads.
Build a scalable, future-ready interface that supports multiple scanning modes and use cases.
Happy Stakeholders.png
Research & Discovery
Exploring the people, patterns, and possibilities that shaped the solution.
Basically users were struggling with...
-
Unclear workflows
-
Too many steps
-
Low visibility
-
No feedback or progress indicator
-
Cluttered UI
-
Confusing terminology
Moodboard
The moodboard reflects a clean, high-tech aesthetic—conveying speed, precision, and clarity. It sets the visual foundation for a seamless and intuitive scanning experience.
Low-Fidelity Designs
Quickly created low-fidelity wireframes in Figma to validate flow and content hierarchy.
-
Combined “Select” and “Submit” into one step.
-
Added 3-step progress indicator (Select → Upload → View Results).
-
Introduced default demo images for users without files.
High-Fidelity Designs
Focused on visual clarity, accessibility, and brand alignment.
* Used Anyline’s brand colors with strong contrast for WCAG 2.1 compliance.
* Integrated subtle motion cues for feedback and delight.
* Included sample images for 4 scanning modes (MRZ, ID Docs, Meters, Meter IDs).
* Created flexible layouts that adapt seamlessly between web and mobile, maintaining clarity and accessibility on all devices.
The design communicated speed, accuracy, and trustworthiness, aligning with Anyline’s brand tone and enhancing perceived product quality.
Mobile
Web
Interactive Prototype
Developed a high-fidelity interactive prototype in Figma with:
-
30+ fully linked screens
-
Smooth animations mimicking scan progress
This prototype allowed us to test designs early and enabled stakeholders to interact with the experience before handoff, accelerating approvals.
Mobile
Web
Handoff & Collaboration
Worked closely with developers to ensure smooth implementation.
Regular cross-functional reviews helped align visual fidelity, motion behavior, and technical feasibility.
The final build accurately reflected the design vision while maintaining performance and accessibility standards.
Key Results
The redesigned Anyline web application delivered measurable impact across both user experience and business outcomes
Efficiency & Performance
Streamlined workflows and reduced steps led to faster task completion, improving user flow speed and reducing cognitive effort.
Engagement & Adoption
A simplified, intuitive interface increased demo engagement, boosted SDK trial clicks, & quadrupled demo-to-trial conversions.
Usability & Clarity
Improved navigation and scanning feedback raised the System Usability Score.
Accessibility & Inclusivity
Fully compliant with WCAG 2.1 standards, ensuring a seamless experience for all users across devices and abilities.
Delight & Client Success
Subtle animations and polished visual design enhanced perceived quality — resulting in 100% client satisfaction, delivered on time and within scope.
“The redesigned demo has completely elevated how we present our technology. It’s faster, smarter, and feels smooth."
— Lucie M., Project Manager, Anyline
Key Takeaways
Lead with impact : Stakeholders care about measurable outcomes, not features.
Accessibility isn’t optional : Compliance improved usability for everyone.
Prototyping early = faster buy-in : Letting stakeholders “feel” the flow sped approvals.
Design Efficiency = Business Efficiency : Simplified workflows improved both UX and conversion rates.