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.
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.
Casestudy Reading Time : 15 mins
Anyline
Anyline is a leading tech company in Europe specializing in Optical Character Recognition (OCR) and AI-driven text recognition. Their WebSDK enables real-time scanning of documents such as IDs, passports, and meter readings. They approached us to redesign the capability showcase demo for their WebSDK — aiming for a more intuitive, efficient, and engaging experience.
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.
