Key Results
The redesigned Anyline web application delivered measurable impact across both user experience and business outcomes:
Accessibility
Fully met WCAG 2.1 standards, ensuring inclusivity across all users.
Smarter User Journey
The reimagined flow created a seamless, frictionless experience tailored to real user needs.
Efficiency Boost
Streamlined workflows with fewer clicks reduced task completion time by 25% and eased user effort.
Client Satisfaction
Delivered the high-fidelity prototype on time, achieving 100% client satisfaction with glowing feedback from Anyline.
Business Value & Adoption
A simplified, intuitive interface led to a 30% increase in SDK trial clicks, reduced drop-offs, and likely drove higher product adoption and lead generation by effectively showcasing OCR capabilities.
Delight in Every Detail
Subtle animations and intuitive design brought life to the interface, making it not just functional but enjoyable and engaging.
Handoff & Collaboration
I collaborated closely with the development team to implement the design in Next.js. Regular check-ins ensured the final product matched the envisioned prototype.
-
Existing demo flow was lengthy and required too many steps to complete a scan
-
Interface felt cluttered, reducing scan clarity and user confidence
-
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.
Key Challenges
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
Our Team
Position / Role
Position / Role
Position / Role
Position / Role
Hi-fi Designs
Using Figma, I created low-fidelity wireframes to outline the structure of the screens. Once approved, I transitioned to high-fidelity prototypes, incorporating:
-
Engaging animations to guide users intuitively.
-
Design elements that aligned with Anyline’s branding.
Research & Discovery
Exploring the people, patterns, and possibilities that shaped the solution.
Things Learned
Our research and discovery phase laid the foundation for a user-centered, purpose-driven design. Through stakeholder interviews, we aligned on business goals and technical constraints. User interviews uncovered real pain points, behaviors, and expectations, while literature review and competitive analysis helped us benchmark best practices and identify industry gaps.
Heuristic evaluation exposed usability issues in the existing experience, and customer journey mapping highlighted key friction points across touchpoints. User stories brought clarity to functional needs from the user’s perspective. Together, these methods gave us a clear direction to design interactions and interfaces that are intuitive, meaningful, and aligned with both user and business objectives.
Reading time : 5 mins
Anyline
Transformed Anyline’s WebSDK demo into a seamless, high-speed scanning experience — reducing friction for users and increasing product adoption. The redesign turned a technical showcase into a clear, interactive showcase of real-world OCR performance.
Client : Anyline (Austria)
My Role : Lead UX Designer
Domain : B2B SaaS · OCR & Data Capture
Link : https://scan.anyline.com/
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.
Moodboard
Quickly sketched low-fidelity wireframes helped define the core user flows, focusing on functionality over visuals and enabling fast iteration early in the design process.
Low fidelity Wireframes
Prototyping
The prototyping phase marked a pivotal step in transforming conceptual designs into a tangible, interactive experience. For Anyline's web application, this phase involved creating a fully functional prototype that encapsulated the enhanced user journeys, streamlined workflows, and engaging visual elements. The goal was to bring the design to life, enabling stakeholders and users to interact with and experience the new functionalities before final development.
