Fintech

Admin Tool

GOAL

Designing a Product Comparison Tool:
- Creating a tool that will enable users to compare products/services within one website.
- This tool should allow you to compare up to five products simultaneously within one category, presenting photos, names, some main parameters, more additional ones, and optionally full and detailed descriptions.
- It is crucial that the tool is intuitive and effective, eliminating the need to open multiple tabs and compare products in an inefficient way.
Designing the Admin Tool for Configuring the Comparer:
- Developing an administrative tool that will enable companies to easily and intuitively adapt the comparison engine to their specific needs.
- The admin tool should enable configuration of all aspects of the comparison engine, including the appearance of the comparison table (colors, typography), as well as the parameters of the compared products.
- This tool should be easy to use, like WordPress and its templates, allowing customization without the need to involve a developer, but with the option for advanced users to paste their own CSS code.

PROBLEMS

Configuration Complexity:
Providing wide flexibility in tool configuration, while maintaining intuitiveness and simplicity of use. You need to strike a balance between advanced options and ease of use.
Versatility and Flexibility Tools:
The tool must be universal enough to enable comparison of various products - from yachts to Christmas tree lighting. This requires designing a system that is flexible enough to handle different product categories and specifications.
Optimization for Various Devices:
The tool must be responsive and run smoothly on both mobile and desktop devices. This requires special attention to responsive design and cross-device testing.
Integration with Existing Systems:
The tool must be easy to integrate with various e-commerce platforms
and content management systems, which can be a technical challenge.
Managing Large Amounts of Data:
The tool will need to efficiently manage large amounts of product data, including images, descriptions, and specifications, which can be a challenge in terms of performance and data organization.
Usability and User Experience:
Designing an intuitive user interface that is both visually appealing and functional requires a deep understanding of user needs and behaviors.

RESEARCH METHODS

Desk Research
Front End Wireframes
Front End UI Static Design
Admin Tool Wireframes
Admin Tool User Tests
Admin Tool UI Design Prototype

01 DESK RESEARCH

Admin Tool definition

Admin Tool is software or platform that allows administrators to manage and configure systems, applications or websites. These tools often offer a graphical interface (GUI) that makes it easier to perform complex tasks without having to directly code or work with a database.

Main Features

User Management: Creating, editing and deleting user accounts, managing permissions and roles.
System Configuration: Settings regarding system functionality, such as customizing parameters, appearance, security options.
Content Management: Add, edit and delete content on websites or applications.
Monitoring and Reporting: Track user activity, system performance and generate reports.
Integration Support: Possibility of integration with other systems or applications.

Usage

Websites and E-commerce: Management of products, orders, content and users of the online store.
Mobile and Web Applications: Configuration of application settings, management of user databases, application content.
Enterprise Systems: Management of enterprise resources, business processes, customer data.

UX/UI requirements for Admin Tool

Intuitiveness: The interface should be simple and intuitive to enable easy management of even complex systems.
Customization: Ability to customize the interface and features to meet your specific needs.
Security: Strong authorization and authentication mechanisms to ensure data security.
Responsiveness: Adaptation to various screen sizes and devices.
Scalability: Ability to expand and adapt the tool to the growing needs of the organization

Examples of Popular Admin Tools

Wix.com: A website building platform that allows users to create and manage their websites.
Magento Admin Panel: For managing your e-commerce store.
Salesforce Admin Console: For managing customer relationships and sales processes.

Trends and Innovations

Automation and AI: Using artificial intelligence to automate tasks and analyze data.
Cloud Integration: Easily integrate and manage cloud services.
Personalization: Ability to create personalized environments and experiences for different users.

Summary

Admin Tool is a powerful tool that allows you to effectively manage and configure various aspects of systems and applications. As a UX/UI designer, your job is to ensure that these tools are not only functional, but also intuitive and pleasant to use. Understanding user needs and adapting the interface to meet those needs is crucial to the success of any administration tool.

Examples of Comparators

MediaMarkt.pl

Type of Comparator: Comparator of electronic products and household appliances available on the MediaMarkt website.
Product Range: Compares various products available on the platform such as TVs, phones, laptops, etc.
Data Source: Data and products come directly from the MediaMarkt offer.
Location: Focused on the Polish market, offers products available in Poland.
Integration with the Store: Users can select products available in the MediaMarkt store and compare them with each other.

Apple.com

Comparator Type: Official Apple product comparison site
Product Range: Compares the different product models available
in Apple's offer.
Data Source: The data is provided by Apple, which makes it reliable and official.
Location: Global, offers comparisons of Apple products available worldwide.
Store Integration: Ability to go directly to the Apple Store to purchase the selected model.

Versus.com

Comparison Type: The Versus website offers product comparisons in various categories.
Product Range: Compares specific models, e.g. iPhone, but also many other products and categories.
Data Source: Versus data providers collect product information from a variety of sources.
Localization: Versus is available in multiple languages, which means it is accessible to an international audience.
Store Integration: Versus often includes links to online stores where you can purchase selected products.