Logo

    Florana

    Educational App with Gamification & Subscription System

    Florana

    Overview

    The Financial Education App is designed to make financial literacy engaging and accessible through interactive learning, gamification, and community participation. It provides structured lessons on various financial topics, from budgeting and investing to credit management, through videos, quizzes, and text modules.

    Challenge

    One of the biggest challenges during development was designing a tree-based UI structure that visually represented lessons as branches, each leading to different quizzes and content modules. Ensuring this complex structure remained smooth, responsive, and easy to navigate across devices required significant design and optimization work.

    Solution

    To achieve a smooth tree-based learning experience, we implemented a dynamic vector-driven UI with progressive loading and adaptive animation. Each branch of the tree was linked to a quiz or lesson node, allowing users to visualize progress and explore content intuitively.

    Key Features & Capabilities

    Advanced functionality that sets this project apart from the competition

    Tree-Structured Learning Path: Interactive branching UI showing progress through categories and lessons.
    Gamified Rewards: Earn coins, unlock avatar items, and track learning achievements.
    AI-Powered Avatar Customization: GPT image module combines multiple items (hat, glasses, etc.) into a single rendered avatar.
    Subscription Tiers: Basic (Free) and Premium (advanced analytics, AI chat, leaderboard access).
    AI Chat Support: Intelligent assistant for personalized financial guidance.
    Leaderboard System: Weekly rankings based on lessons and quiz performance.

    Impact

    The Financial Education App successfully merged interactive learning with gamified design and personalization. The tree-based UI helped users clearly visualize their progress, while the GPT-powered avatar system made customization fast, creative, and visually consistent.

    Project Screenshots

    Explore the key features and interfaces that make this project exceptional

    Onborad
    Home Screen
    Quiz
    Lesson
    Analytics Dashboard
    Accessories

    Technologies & Tools

    Cutting-edge technologies that powered this project

    Flutter

    Cross-platform framework for building stunning UIs.

    FireStore

    Real-time cloud database for secure data storage.

    Cloud Functions

    Serverless backend for automated workflows.

    FireCMS Admin Panel

    Powerful admin panel for easy data management.

    Stripe Payment Integration

    Secure system for online payments and subscriptions.

    FireStorage

    Cloud storage for managing media files efficiently.

    Clients Success Stories

    What Our Clients Say

    Our clients value not just our technical expertise, but our ability to deliver consistently, communicate clearly, and act as a true extension of their team.

    Aiden & Sydney testimonial thumbnail
    "
    A&S

    Aiden & Sydney

    Co-Founder, Circlez

    United States
    Christoph testimonial thumbnail
    C

    Christoph

    Director, 24hdrop

    Austria
    Tabish testimonial thumbnail
    T

    Tabish

    Associate, Laidlaw & Company

    United States
    Reviewed On
    Clutch
    5.0
    5 Reviews
    Quality
    5.0
    Schedule
    5.0
    Communication
    5.0
    Featured Review

    Custom Software Dev for
    Insurance Company

    Creative Encode Technologies launched the project and is keeping track of the business milestones, MVP, and client demos. The team uses Trello to specify needs necessary for logical and business process context. They're currently maintaining the project's functionality for smooth operation.

    The Reviewer
    CTO, Yokahu
    United Kingdom
    5.0

    "They are time-efficient and the work is of a high quality."

    Mar 23, 2021