Web Application
UX & Development Case Study
About JAKEL
JAKEL Corporation, a leading provider in retail trading and supplying textiles to both private and government sectors, offers various services ranging from fabric sales to bespoke tailoring. Recognizing the challenges faced in traditional tailoring services, We have developed an automated solution to streamline its order and measurement processes. This case study explores how the JAKEL Web Application addresses these challenges by enhancing communication, improving efficiency, and transforming the customer experience.
Project Overview
14 Weeks
Timeline
100+
Screens
Tools
Desktop/Tablet
Platform
Project Background
Problem
Traditionally, JAKEL’s tailoring shop relied on
a manual, time-intensive process for managing customer orders. This included physically recording measurements, handling customer communication, and manually updating order statuses, which often led to delays and missed details.
Solution
Simplify and automate the order process.
Enable real-time communication between departments. Provide a seamless experience for customers to check order statuses and make payments.
User Experience Design
END
The design of the JAKEL application follows a user-centered approach. Key pain points like miscommunication, order status ambiguity, and complicated navigation were addressed:
Wireframes/Mockups: (Include visual samples if possible) Each user role has a tailored dashboard to provide relevant information at a glance.
Navigation Flow: The application features intuitive navigation, with quick-access menus and an easy-to-follow layout, ensuring that users can reach their needed functionalities with minimal steps.
START
Design Phase
High Fidelity Wireframes
Design System
Typography
Aa
Poppins
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z.
a b c d e f g h i j k l m n o p q r s t u v w x y z.
Bold
Semibold
Medium
Regular
Light
Colors
#471F50
#7514CC
#4785FF
#17A300
#FB3F4A
#FFA247
#0F0E0E
#495057
#879098
#ACB5BD
#DDE2E5
Iconography
Infographics
Inputs
Tailor Name
Alex
Tailor Name
Assign To
JAKEL SHAH ALAM
Assign To
Type here...
Order Comment
Quis cursus dignissim gravida etiam aliquet aliquet amet.
Order Comment
User Roles & Permissions
The JAKEL application organizes user interactions based on specific roles to ensure that each team member has the appropriate access and permissions:
Super Admin: Full control of the system, including user management and settings adjustments.
Sales: Responsible for uploading customer measurements, interacting with both customers and workshop teams, and tracking orders.
Workshop: Receives customer orders, updates order progress, and communicates directly with sales.
Tailor: Accesses detailed order requirements, measurements, and status to efficiently complete orders.
Customer: Views real-time updates on order status, makes payments securely, and enters shipping details.
Technical Architecture
The JAKEL application utilizes a robust and scalable tech stack:
Technology Stack: The front-end is built with React, while Node.js powers the back-end, and MongoDB serves as the database for flexible data storage.
Integration Points: To handle payments seamlessly, the app integrates with payment gateways like Stripe and PayPal. It also connects with inventory systems to maintain real-time stock availability.
Scalability and Security: Designed with scalability in mind, the app can support increasing numbers of users, and security protocols safeguard sensitive data, such as payment information.
Development Process
The development team used the Agile methodology to create the JAKEL application:
Key Milestones: User role assignments, database structuring, API integration, and user interface testing were among the crucial milestones.
Deliverables: Each sprint delivered functional modules ready for user testing, ensuring continuous progress and improvement based on feedback.
Feedback Mechanism
The JAKEL application incorporates user feedback loops for continual refinement:
Feedback Collection: Users can submit feedback directly through the app. Additionally, in-app prompts gather input on specific features.
Analytics Tools: Tools such as Google Analytics and Mixpanel provide insights into user behavior, helping identify popular features and any usability issues.
Results and Impact
Since implementing the JAKEL web application:
Efficiency Gains: Order processing time has decreased by 79%, and communication delays are minimized.
Customer Satisfaction: Feedback indicates improved satisfaction due to transparent order tracking and efficient communication.
Operational Benefits: The application has reduced the administrative workload, enabling staff to focus on higher-value tasks.
