DESIGN GOAL & TARGET

Customer satisfaction is very important for any business. Like user experience, we at Eham Digital want shopping to be easy and enjoyable for everyone. That’s why we have created a robotic interface to guide customers in our digital electronics shop. This robotic interface is designed as a friendly robot with an iPad-like touchscreen built into its body. Customers can use the touchscreen to see product details, pictures, and simple instructions. The robot helps by showing information in a clear and easy way, using images and simple words instead of complicated technical details.

One of the key features of this robot is that it can guide customers to the exact location of the products they want inside the store. It moves along with the customer, making sure they find what they need quickly and without confusion. The design focuses on being very user-friendly. Everyone can interact with the robot easily through the touchscreen. After helping customers, the robot also asks for feedback using a simple form on the screen. This helps us learn how to improve the service.

Besides helping customers, the robotic interface supports our sales team by answering common questions and guiding customers. This allows our staff to focus on more detailed or personal customer needs. The robot fits well with the overall look and feel of Eham Digital. Our logo and design appear clearly on the robot’s screen and body, and the robot blends smoothly into the store without disturbing the layout. In summary, this robotic interface is a smart and friendly guide designed to make shopping easier, faster, and more enjoyable for everyone at Eham Digital.

USER RESEARCH & INSIGHTS

As part of the interface design process for Eham Digital, we conducted on-site user research to understand how the store operates and how customers interact within that environment. Our goal was to identify opportunities to improve the customer journey using design and technology, especially through the integration of a robotic assistant. We started with interviews involving the customer management team. These sessions helped us understand their daily challenges, including handling frequent customer queries, managing time during peak hours, and guiding shoppers through different product categories. Their input was essential in identifying areas where a robotic interface could support and reduce pressure on the staff.

We then analyzed the physical structure of the shop, paying close attention to how various product categories—like smartphones, laptops, and home appliances—were arranged within the space. Observing the way customers navigated these sections gave us insight into how a robot could guide users more effectively and reduce confusion. To better understand customer expectations, we collected feedback through satisfaction enquiries and informal conversations with shoppers. Many customers expressed that they liked visual assistance and quick access to product information. However, some found it difficult to get help during busy times and preferred a more self-guided experience when browsing.

In addition to interviews and feedback, we conducted observational research by watching how customers moved through the store, how they approached staff, and where they spent the most time. This real-time observation gave us a clearer picture of how users behaved naturally and where they faced difficulties. Based on these insights, we focused on designing an interface that would be simple and accessible to everyone. We ensured the Eham Digital logo appeared on all screens to build brand trust. The font style was chosen carefully—clean, sans-serif fonts were used to make content readable for users of all ages. The interface followed a minimal design style, with a purpose-driven landing page and easy-to-understand icons to help users identify actions quickly. This research-driven approach allowed us to create a robotic assistant that not only guides users around the store but also improves the overall shopping experience while supporting the sales team effectively.

DESIGN PROCESS

The design process adopted a user-centered methodology, starting with low-fidelity wireframes in Figma to define the structure of the Outward Invoice listing and form pages. The listing page was designed as a responsive table with search, filter, and sort functionalities, while the form page included sections for invoice details, client information, and dynamic line items. Initial wireframes were tested with four users, leading to adjustments like adding color-coded status badges for quick invoice tracking and a sticky footer for form actions. High-fidelity designs were developed using a design system tailored to eTaskPro, featuring a professional color palette of blues and greens for trust and clarity, the Inter font for legibility, and an 8px grid for consistent spacing. Reusable components, such as buttons, inputs, and badges, were created in Figma’s component library to ensure scalability. Interactive prototypes simulated flows like filtering invoices or creating a new invoice, validated through usability testing with three users to confirm intuitive navigation. Accessibility was addressed by meeting WCAG 2.1 AA standards for contrast and incorporating ARIA labels. Mobile optimization transformed the table into a card layout and simplified the form for smaller screens. For developer handoff, design tokens were exported as CSS variables, and interactions were annotated in Figma, ensuring seamless implementation.

CONCLUSION

The eTaskPro Outward Invoice feature delivered a streamlined and user-centric invoicing experience, empowering small to medium-sized businesses to manage financial transactions efficiently within the Financial Management module. The design addressed user needs for speed, clarity, and accessibility, with features like dynamic filters, automated form fields, and a mobile-friendly interface enhancing productivity. Usability testing confirmed the effectiveness of the clear table layout and intuitive form, while the cohesive design system reinforced eTaskPro’s professional brand. This project highlighted the power of iterative design and user feedback in crafting impactful SaaS solutions. Future enhancements could include AI-driven invoice forecasting or payment gateway integrations to further elevate functionality. This work demonstrates my ability to design intuitive, scalable, and aesthetically refined interfaces that balance user needs with technical precision, contributing to eTaskPro’s mission of delivering innovative ERP solutions.