I was contracted by Yescard s.r.l., a company specializing in digital cards, to develop a versatile web application that would streamline customer management and empower users to personalize their digital cards. The project involved creating a platform that would enable both administrators and end users to easily interact with and manage their digital card data.

This case study outlines the key features of the web app, focusing on the customer management dashboard, user dashboard, and the customization tools available for users to design their own digital cards.

1. Customer Management Dashboard

The Customer Management Dashboard is the core administrative tool for Yescard s.r.l., enabling staff to efficiently manage customers and their digital cards. This feature-rich dashboard serves as a control center where administrators can create, modify, and delete digital cards as well as manage user details.

Key Features:

• Create New Cards: Administrators can create new digital cards for customers, inputting essential user data like names, emails, and other necessary personal information. This allows Yescard to onboard new clients swiftly.

• Delete Cards: If a customer no longer requires their digital card, administrators can delete the card and remove it from the system, ensuring the database remains up-to-date.

• Modify User Information: The dashboard allows admins to update user details, ensuring that customer profiles are always accurate. This feature is particularly useful when users request changes to their contact details or other important information.

• Disable Cards: In certain cases, such as non-payment or inactivity, Yescard administrators can disable a user’s digital card without deleting their account. This feature allows for flexible account management.

• Reset User Passwords: The dashboard includes functionality to reset a user’s password. If a user forgets their login credentials or experiences trouble accessing their account, the administrator can issue a password reset.

• Apply Updates: When Yescard releases new updates or features for the platform, the dashboard allows administrators to apply these updates to all or selected digital cards. This ensures that users are always benefiting from the latest improvements.

This comprehensive set of management tools ensures that Yescard s.r.l. can easily administer customer accounts, manage cards efficiently, and maintain smooth operations.

2. Registered Users Dashboard

The Registered Users Dashboard is the interface that allows individual users to manage and customize their digital cards. This section of the app is designed with user-friendliness in mind, giving customers the power to personalize their card experience.

Key Features:

• Profile Management: Users can update their personal information directly from the dashboard, such as changing their name, email, or contact details. This ensures their digital card is always current and accurately reflects their information.

• Digital Card Management: Users can view their digital card, access any associated documents, and manage the content linked to the card. The dashboard provides users with a clear, intuitive way to control their card data.

• Customization Tools: Users have access to a variety of tools to personalize their digital cards. They can select from a range of default themes or create a custom design, choosing their own colors, fonts, and layout options.

• Document Upload: Users are able to upload documents, such as certificates, promotional materials, or personal files, and link them to their digital cards. This feature allows for enhanced functionality and sharing of relevant materials through the digital card.

The user dashboard empowers customers to make their digital cards truly unique, giving them control over both the design and functionality of their cards.

3. Customization of Digital Cards

A key feature of the platform is the ability for users to customize their digital cards. This feature was designed to offer maximum flexibility, allowing users to reflect their personal or business identity through a highly customizable card interface.

Key Features:

• Default Themes: For ease of use, the platform offers a variety of pre-designed themes that users can select with a single click. These themes are professionally designed, with balanced color schemes, fonts, and layouts, making it simple for users to give their cards a polished, professional appearance.

• Custom Theme Builder: For those looking for more creativity, the platform includes a custom theme builder. This tool allows users to create their own unique card design by selecting colors, fonts, and layout options. It provides complete flexibility to reflect the user’s personal style or business branding.

• Real-Time Preview: As users make changes to their card, a real-time preview feature shows how the final product will look. This feature ensures users are confident in their design choices before saving the card.

• Interactive Interface: The customization interface is fully interactive, allowing users to drag and drop elements like logos, images, and text boxes. This provides an intuitive experience that simplifies the design process.

• Save and Apply Designs: Once users are satisfied with their customizations, they can save the design and apply it to their digital card instantly. Changes appear immediately on the live version of the card.

These customization options allow users to make their digital cards distinct, reflecting their personality or business while maintaining a professional and sleek appearance.

Development and Technology Stack

For this project, I leveraged a technology stack that aligned well with Yescard s.r.l.’s existing infrastructure and ensured a smooth, secure, and scalable platform.

• Backend: The backend of the application was developed using PHP, ensuring stability and compatibility with Yescard’s systems. PHP’s versatility allowed me to build the necessary logic for card management, user data handling, and administrative tasks in a robust way.

• Frontend: The frontend of the platform was also developed using PHP. PHP was used to generate the dynamic pages, offering users a responsive and engaging experience as they interact with the platform’s various features.

• Database: Since Yescard already utilizes WordPress in parts of their digital infrastructure, I integrated the web app with the same database used by WordPress—MySQL. This streamlined the data management process and ensured compatibility between the new web app and existing systems.

• User Authentication: The web app uses session-based authentication to manage user logins, ensuring that only authorized users can access their accounts and administrative data. This method ensures a secure environment for both administrators and end users.

• Document Storage: Documents uploaded by users are stored securely on the server, with appropriate security measures to ensure privacy and data protection.

Conclusion

The web application developed for Yescard s.r.l. has provided a flexible, scalable solution for both customer management and user engagement. The customer management dashboard offers a range of tools, such as the ability to create, modify, delete, and disable digital cards, ensuring efficient administration of customer accounts.

For users, the personalized dashboard and extensive customization tools allow for full control over their digital cards, from updating personal information to designing custom themes. The integration of document upload functionality further enhances the platform’s usefulness, allowing users to attach important documents to their cards.

By utilizing PHP for both the frontend and backend, and integrating with MySQL (the database engine used by WordPress), I built a system that is robust, compatible, and scalable. The platform is designed to evolve with Yescard as they continue to grow and offer more services in the digital card industry.