This project represents a significant departure from the previous iteration of the App SGPV v6.0.0 (visit the project). Unlike the previous effort, which focused on a visual refresh within the limitations of the existing PhoneGap framework, this project aimed for a complete overhaul.
SGPV transitioned from a hybrid PhoneGap application to a native cross-platform app using Flutter, moving from version 6 to version 7.
The shift was driven by performance issues, scalability limitations, and the need to modernize the app for long-term sustainability.

The Problem

The hybrid technology (PhoneGap) faced ongoing challenges, particularly with photo management on iOS and sluggish performance compared to native applications.
The frequent update issues and latency made it difficult to maintain competitive standards. Despite the move to a more robust technology, product customization practices continued, which still impacted scalability.

Hypothesis

It was hypothesized that migrating from a hybrid to a native cross-platform technology would substantially improve app performance, design flexibility, and usability.
Following an extensive evaluation process, Flutter was chosen for its ability to streamline development while providing a native-like experience across platforms.
Additionally, the expectation was that this transition would open opportunities for substantial improvements in user experience, particularly around task efficiency and overall user satisfaction.

Role & Responsibilities

• User Research: Conducted desk research, competitive analysis, one contextual inquiry, and 10 user interviews across different client groups. Created personas, empathy maps, user journeys, and performed 10 usability tests.
• Design System: Developed a comprehensive design system in Figma to ensure visual and functional consistency across the app.
• User Interface: Designed wireframes and mockups, focusing on usability improvements and modern UI patterns.
• Graphic & Logo Design: Developed icons, images, and refined the visual identity.
• Front-End Development: Led the development process using Flutter, ensuring a smooth transition from the hybrid platform while optimizing for performance.

Technologies

Figma - Dart - Flutter

Output:

This project marked a successful leap toward a more scalable, competitive, and AI-enhanced app solution.

• The migration to Flutter resulted in a significant performance boost, particularly in responsiveness and reduced latency.
• Task Efficiency: User research showed that integrating image recognition technology reduced task completion time by 25%, improving user efficiency.
• Usability Improvements: Enhanced module usability led to a 20% reduction in the time users spent per visit, with fewer errors and faster task completion.
• User Satisfaction: A 30% increase in user satisfaction was reported, with users appreciating the improved performance and usability.
• Scalability: Despite ongoing customization needs, the move to Flutter opened up future opportunities for scalability and further AI-driven enhancements.
• AI Integration: AI-based image recognition played a pivotal role in improving efficiency, reducing manual data entry, and increasing the app's overall functionality.