Appeto - Mobile Application Creator System

Appeto is an online app builder that enables you to create your desired app in the shortest possible time, without requiring any programming knowledge. It provides a seamless experience for building professional applications.

The Appeto system was developed using the Flutter framework. It features a foundational core that supports the development of various modules. These modules facilitate the creation of diverse applications with customizable designs. The system is designed to make the user interface highly flexible, allowing users to select from available templates and adjust sizes and colors to suit their preferences.

My role included designing the templates for various modules, which I will discuss below.

Project Type

Mobile App Design

Year | Duration

2020 | 3 Years

Industry

All Fields

Scope

UX/UI Design | Develop a Mobile Application

Role

UX/UI Design

Tools

Adobe XD

Challenge

Designing for Diverse User Groups: One of the primary challenges was developing a design system that could accommodate a wide range of users, from tech-savvy individuals to those with little or no experience in app development. Each module needed to balance simplicity and functionality, ensuring it met the diverse expectations and needs of all users.

Balancing System Design and Implementation: The complexity of the system's infrastructure demanded designs that were both highly flexible and easily implementable. Striking this balance was crucial to ensure the designs remained practical while offering maximum adaptability.

Cross-Platform Compatibility: Achieving smooth and consistent performance across various devices required an in-depth understanding of design systems and responsive design principles. This ensured that the app maintained its functionality and visual integrity, regardless of the platform or device.

The Previous Version of the Appeto System

The earlier version of the Appeto system featured a limited number of designs for each module, which often led users to face design constraints. To address this issue and improve the system, we collaborated with the company's support team to collect feedback, suggestions, and opinions from users. This feedback helped us identify user challenges and needs in various sections and develop better solutions.

User Research in Limited Conditions

Due to slow internet speeds and restricted access in Iran, traditional user research methods such as online surveys were not well-received by users. As a result, the only effective approach was to contact users and loyal customers directly via phone. These calls provided an opportunity to gather their feedback and suggestions. The questions we asked included:

What shortcomings do you feel the system has?
Are the existing designs sufficient for creating your desired app?
In the area where you use the system, are there any aspects we haven’t addressed?

Each time a part of the system was updated with new designs, we carefully reviewed user feedback. This feedback highlighted areas needing refinement or pointed out features that should be added. This iterative process ensured that the system's improvement and development were consistently aligned with the real needs of the users.

Samples

After the system implementation was completed, several sample applications were designed and built using the system to demonstrate its full capabilities to users. These sample applications served as practical guides, showing users how they could leverage the tools and features of the system to create diverse and professional applications.

User Research in Limited Conditions

Due to slow internet speeds and restricted access in Iran, traditional user research methods such as online surveys were not well-received by users. As a result, the only effective approach was to contact users and loyal customers directly via phone. These calls provided an opportunity to gather their feedback and suggestions. The questions we asked included:

What shortcomings do you feel the system has?
Are the existing designs sufficient for creating your desired app?
In the area where you use the system, are there any aspects we haven’t addressed?

What shortcomings do you feel the system has?
Are the existing designs sufficient for creating your desired app?
In the area where you use the system, are there any aspects we haven’t addressed?

Each time a part of the system was updated with new designs, we carefully reviewed user feedback. This feedback highlighted areas needing refinement or pointed out features that should be added. This iterative process ensured that the system's improvement and development were consistently aligned with the real needs of the users.

Modules Design

For this system, I designed and implemented approximately 35 modules, including features such as file shops, radio, blogs, audio shops, music streamers, and more. Each module provided at least four distinct design options to accommodate a wide range of user needs. In line with the system's structure, each module was composed of flexible components, such as cards, buttons, sliders, and other similar elements, all designed in various styles to maximize usability.

The text, colors, and sizes of each component were made highly customizable, enabling users to adjust them easily within the system to suit their individual preferences and requirements, without needing any technical expertise. This functionality empowered users to create personalized applications effortlessly, tailored to their specific goals and use cases.

Recognizing that some users struggled with selecting suitable color combinations for their designs, I developed a set of predefined color schemes for the system's structure. These schemes allowed users to preview their entire application with harmonious and visually appealing colors by simply selecting one of the available options. This feature not only streamlined the design process but also enhanced the overall user experience, making it more intuitive, enjoyable, and accessible for users with varying levels of design expertise.

Since some users faced challenges in selecting the right color combinations for their designs, I created several predefined color schemes for the system's structure. These schemes were designed to allow users to preview their entire application with coordinated and appealing colors simply by selecting one of the options. This functionality significantly improved the user experience, making the design process more straightforward and enjoyable.

Samples

Once the system was fully implemented, we designed and developed several sample applications using its tools and features to showcase the system's full capabilities to users. These sample applications acted as practical guides, illustrating how users could effectively leverage the system to create a variety of diverse and professional applications.

Mail