top of page
Partner Platform - Add Product-1.png

What does UNOWN company do?

Unown company is involved in the fashion leasing industry, providing a rental service for premium or luxurious fashion items such as designer apparel, handbags, and accessories.

Project Overview

Dashboard
Junior UI/UX Designer
Daria , senior Designer
Julia , product owner
Mahsa , junior UI/UX designer
20 days
Figma

Objectives

  1. Improve User Experience (UX): Enhance the overall usability and satisfaction of users interacting with the "add and edit products" section of the Partner Platform. Make it more user-friendly and efficient.

  2. Enhance User Interface (UI): Improve the visual design and layout of the product management section to make it visually appealing and cohesive.

  3. Streamline Product Management: Make it easier for users to add new products to storage and edit various features within the product listings, reducing manual effort and potential errors.

  4. Optimize Data Management: Ensure that all product information is well-organized, accurate, and easily accessible within the platform.

  5. Increase Efficiency: Make the product management process more efficient, allowing users to perform tasks more quickly and effectively.

  6. Enhance User Satisfaction: Ultimately, the project aims to improve the experience of users working with the product management section, leading to higher user satisfaction and productivity.

  7. Maintain Data Accuracy: Ensure that data in the platform, including product information and accounting details, remains accurate and up-to-date.

  8. Align with Business Goals: The project likely aligns with broader business goals, such as improving inventory management, reducing errors, and increasing operational efficiency.

The Process

The Process

dis.png
Business research
User research
Comparative research
Competitive Analysis
def.png
Affinity Mapping
Create Persona
Problem and solution statement
dev.png
Scenario
User Flow
Information Architecture
Site Map
des.png
Ideation
Sketches
Wireframing
User Testing
Iterations
Visual Design

The business analysis for this project included various components:

Current State Assessment:

  • Analyzed the existing product management section to identify pain points, inefficiencies, and areas that required improvement.

  • Evaluated user feedback, complaints, and suggestions related to the previous system.

Stakeholder Interviews:

  • Conducted interviews with marketing teams, managers, and end-users to gather their specific requirements, pain points, and expectations.

  • Identified how the proposed changes aligned with business objectives and user needs.

Market Research:

  • Researched industry standards and best practices in product management, UI/UX design, and software usability.

  • Identified trends and technologies that could be leveraged for improved efficiency.

Competitor Analysis:

  • Evaluated how competitors or similar platforms managed their product management sections.

  • Identified features, user interface elements, or practices that could be adopted or improved upon.

Usability Testing:

  • Conducted usability testing with representative users to validate the proposed UI/UX changes and gathered feedback for further refinement.

Technical Feasibility:

  • Assessed the technical feasibility of implementing the proposed changes, considering the current technology stack and infrastructure.

Project Timeline and Resources:

  • Created a project plan that outlined timelines, resource allocation, and milestones.

  • Ensured that the project was realistically achievable within the defined constraints.

User Training and Adoption:

  • Developed a plan for user training and onboarding to ensure a smooth transition to the new system.

  • Considered change management strategies to encourage user adoption.

Documentation and Communication:

  • Created documentation for the new system, including user guides and training materials.

  • Developed a communication plan to inform stakeholders and end-users about the upcoming changes.

The comparative research for this project involved evaluating similar systems, applications, or platforms to gain insights into best practices, identify areas for improvement, and make informed decisions about the proposed changes. Here are some aspects that were considered in the comparative research:

User Interface (UI) and User Experience (UX):

  • Compared the UI/UX design of similar product management systems to identify elements that enhanced usability, aesthetics, and overall user satisfaction.

Product Management Workflows:

  • Analyzed how other platforms handled product addition and editing workflows. Identified efficient and user-friendly approaches to managing product information.

Side Sheets vs. Dialogs:

  • Compared the use of side sheets (right-to-left) for adding and editing products with alternative approaches in similar applications. Assessed the advantages and disadvantages of this design choice.

Icon Design and Functionality:

  • Evaluated the appropriateness of icons used in similar systems for specific functionalities. Ensured that icons were intuitive and aligned with their respective actions.

Table Size and Information Density:

  • Examined the layout and information density of tables displaying product data in comparable systems. Determined the optimal balance between displaying more products and maintaining readability.

Dynamic Feature Editing:

  • Investigated how other platforms enabled dynamic feature editing within product listings. Identified efficient methods for users to modify product attributes.

Menu Design and Navigation:

  • Compared the user interface and navigation menus of similar systems. Identified design elements that improved accessibility and ease of use.

Pagination and Page Numbers:

  • Analyzed how pagination and page numbers were implemented in comparable applications. Assessed their usability and considered improvements for the project.

Efficiency Enhancements:

  • Researched efficiency-enhancing features or functionalities implemented in similar systems, such as keyboard shortcuts or bulk editing options.

User Adoption Strategies:

  • Studied how similar platforms promoted user adoption of new features or interfaces. Explored strategies used to facilitate a smooth transition.

Feedback and Iteration:

  • Investigated how other systems gathered user feedback and iterated on UI/UX improvements. Learned from their approaches to continuous enhancement.

Success Stories and Challenges:

  • Sought out case studies or success stories related to the implementation of similar changes in other organizations. Also, analyzed challenges they encountered and solutions applied.

User Satisfaction Metrics:

  • Collected user satisfaction data from comparable systems and compared it to the project's goals for user satisfaction improvement.

Here are some websites and dashboards that can serve as inspiration:

Shopify:

  • Shopify's admin dashboard is renowned for its user-friendly interface and efficient product management features, offering a streamlined approach to adding, editing, and managing products.

WooCommerce:

  • WooCommerce's product management interface within WordPress is widely used and provides valuable insights into effective e-commerce product data management.

BigCommerce:

  • BigCommerce offers a feature-rich dashboard for e-commerce businesses, with tools for managing products, inventory, and sales data.

Magento Admin Panel:

  • Magento's admin panel provides a comprehensive view of product management and inventory control, suitable for businesses with complex product catalogs.

Microsoft Dynamics 365 Commerce:

  • This enterprise-level platform offers a robust dashboard for managing products, sales, and inventory, providing insights into how larger businesses handle these aspects.

Salesforce Commerce Cloud:

  • Salesforce's Commerce Cloud offers insights into managing products, customer data, and inventory, particularly for businesses focused on customer relationship management.

QuickBooks Commerce:

  • QuickBooks Commerce's dashboard is designed for inventory management and provides insights into efficient workflows for managing products and stock.

TradeGecko:

  • TradeGecko's platform is dedicated to inventory and product management, showcasing efficient workflows for managing products and stock.

Zoho Inventory:

  • Zoho Inventory's dashboard is known for its simplicity and efficient product management capabilities, making it a good example of streamlined data handling.

Google Analytics:

  • While not directly related to product management, Google Analytics offers valuable insights into data visualization and analysis, which can inform the design of meaningful dashboards.

Define / Analysis

Affinity mapping for this project involves organizing and categorizing insights, feedback, and ideas into related groups to identify patterns and prioritize actions. Here's an affinity mapping structure for this project:

User Feedback and Insights:

​

  • Efficiency Improvements:

    • Streamlining product addition and editing.

    • Simplifying data entry.

    • Reducing scrolling and navigation efforts.

  • UI/UX Enhancement:

    • Improving user interface design.

    • Enhancing user experience.

  • Feature Requests:

    • Requesting new functionalities.

    • Suggesting usability enhancements.

  • Data Management:

    • Real-time updates and accuracy.

    • Improved data handling.

  • Accessibility and Compatibility:

    • Ensuring compatibility with various devices and browsers.

    • Addressing accessibility needs.

Proposed Solutions:

  • Side Sheets Implementation:

    • Benefits of using side sheets for data entry.

    • Right-to-left layout for efficient information input.

  • Icon Design and Functionality:

    • Icons that align with actions.

    • Intuitive iconography.

  • Table and Data Display:

    • Optimizing table size and information density.

    • Enhancing the visual representation of data.

  • Dynamic Feature Editing:

    • Enabling efficient editing within product listings.

    • Improving attribute modification.

  • Menu and Navigation Design:

    • Redesigning the menu for enhanced accessibility.

    • Exploring collapsed menu versions for space efficiency.

  • Pagination and Page Numbers:

    • Refining pagination controls.

    • Enhancing the display of page numbers.

  • User Adoption Strategies:

    • Implementing strategies to facilitate smooth transitions.

    • Training and onboarding plans.

Priority Actions:

  • Immediate Improvements:

    • Addressing critical usability issues.

    • Enhancing data accuracy.

  • Medium-Term Enhancements:

    • Implementing UI/UX upgrades.

    • Introducing new features.

  • Long-Term Strategy:

    • Continuous improvement based on user feedback.

    • Scalability considerations.

Persona

Screenshot 2023-10-07 at 20.41.21.png

Problem:

  • Time-Consuming Tasks: Emma is spending a significant amount of time on manual inventory management and product addition, leaving little time for strategic activities.

  • Inaccurate Inventory: The absence of real-time updates on inventory levels can lead to issues in maintaining accurate stock levels and potentially result in customer dissatisfaction.

  • Complex Systems: The current software is overly complex, demanding extensive training and hindering daily operations.

Opportunity:

  • Efficiency Enhancement: Streamlining product management and providing real-time updates can significantly save time and improve efficiency.

  • Accuracy Improvement: Real-time inventory updates will ensure accurate stock levels and prevent customer dissatisfaction.

  • Enhanced User-Friendliness: Simplifying the software's UI/UX will make it more user-friendly and reduce training requirements.

Solution:

  • Implement a system that streamlines product management, incorporating features like efficient barcode scanning.

  • Provide real-time updates for accurate inventory management.

  • Enhance the software's UI/UX to simplify navigation and improve user-friendliness, making it more accessible to Emma and other users.

Develop

Scenario:

Emma Turner, the store manager at UNOWN, is facing several challenges in her daily responsibilities. Managing the physical store's inventory and ensuring a seamless customer experience has become increasingly time-consuming. She spends a significant portion of her day manually handling inventory and adding new products to the system. Unfortunately, the lack of real-time updates on inventory levels has led to occasional discrepancies, affecting customer satisfaction.

Furthermore, the existing software used for these tasks is overly complex, making it challenging to navigate and demanding extensive training for both Emma and her team. This complexity hinders daily operations and reduces the overall user-friendliness of the system.

Emma realizes the need for a more efficient and user-friendly solution to streamline inventory management and product addition. She envisions a system that offers real-time updates on inventory levels, simplifies workflows, and enhances the user interface to optimize her daily tasks. With these improvements, Emma aims to save time, reduce errors, and focus on more strategic aspects of store management to enhance UNOWN's success in the competitive fashion rental industry.

Flow Diagram

flow diagram2.jpg

Site Map

sitemap3.jpg

Design

After some iterations here is the final flow of the design:

Adding the product flow :
Partner Platform - Add Product-4.png

Click on the add new product button :

Partner Platform - Add Product-2.png
Partner Platform - Add Product-3.png
Editing the product flow :
Partner Platform - Add Product-1.png

clicking on the stand studio wool coat cream row on the table : 

Frame 26.png

Edit somthing and click on the save button : 

Frame 29.png
Error Handling:
Frame 30.png
Collapsed version of the menu:
Partner Platform - Nav - collapsed.png

Reflections

What did I learn?

Through this project, I gained valuable insights and knowledge in the following areas:

  1. User-Centered Design: I learned the importance of designing applications with the end-users in mind, prioritizing their needs and preferences to create a more user-friendly experience.

  2. Efficiency Improvement: I realized the significance of streamlining workflows and processes, particularly in inventory management, to save time and resources.

  3. Real-Time Data: I understood the critical role of real-time data updates in maintaining accurate inventory levels and preventing customer dissatisfaction.

  4. User Interface (UI) and User Experience (UX) Design: I explored the importance of designing intuitive interfaces and seamless user experiences, which are crucial for user adoption and satisfaction.

  5. Complexity Reduction: I learned that simplifying complex software can significantly improve usability and reduce training requirements.

  6. Project Planning: I gained experience in the process of planning, designing, and implementing software improvements to address specific pain points and frustrations.

  7. User Feedback: I saw the value of collecting and analyzing user feedback to drive enhancements and make informed decisions.

bottom of page