Projeto A3 · Universidade São Judas Tadeu · Campus São Bernardo do Campo
O FlowBank é uma Progressive Web App (PWA) de banco digital desenvolvida como projeto acadêmico A3, para as disciplinas de Sistemas Distribuídos e Desenvolvimento Web, Mobile e Jogos.
A aplicação simula as principais funcionalidades de um banco digital moderno com foco em usabilidade, acessibilidade e experiência mobile-first.
Usuários de aplicativos bancários tradicionais enfrentam:
- 🧩 Complexidade — excesso de informações e menus confusos
- 🧭 Navegação confusa — fluxos difíceis de encontrar
- ♿ Baixa acessibilidade — contraste ruim, texto pequeno, áreas de toque insuficientes
- 🐢 Lentidão — carregamento pesado em dispositivos móveis
O FlowBank resolve esses problemas sendo:
| Característica | Descrição |
|---|---|
| 🚀 Rápido | Carregamento instantâneo via PWA otimizada |
| 📶 Offline | Funciona sem internet com Service Worker |
| 📲 Instalável | Pode ser adicionado à tela inicial como app nativo |
| 🎨 Acessível | Interface seguindo as diretrizes WCAG AA |
| 🔐 Seguro | Login simplificado com privacidade de saldo |
- Jovens adultos entre 18 e 30 anos
- Usuários que preferem resolver tudo pelo celular
- Pessoas que buscam usabilidade sem burocracia
Beatriz Oliveira · 22 anos · Assistente Administrativa · São Paulo – SP
"Quero um aplicativo simples, rápido e que facilite minha vida financeira sem complicação."
| Objetivos | Dores |
|---|---|
| Controlar gastos do dia a dia | Apps bancários complexos |
| Acesso rápido ao saldo e extrato | Excesso de informações nas telas |
| Banco simples e intuitivo | Lentidão em apps tradicionais |
| Informações financeiras em tempo real | Falta de acessibilidade |
IMERSÃO ──► ANÁLISE ──► IDEAÇÃO ──► PROTOTIPAGEM
1. Imersão — Pesquisa de mercado com Nubank, Inter, C6 Bank e PicPay
2. Análise — Mapa de dores e mapa de empatia com usuários
3. Ideação — Brainstorming das funcionalidades do MVP:
- Login simplificado
- Dashboard financeiro
- Extrato de transações
- Integração com API de cotação
- Navegação mobile-first
- Design acessível (WCAG AA)
4. Prototipagem — Wireframes de baixa fidelidade e protótipo navegável
- HTML5
- CSS3
- JavaScript
- PWA (Progressive Web App)
- Service Worker
- Web App Manifest
| Nome | RA |
|---|---|
| Yasmim Lima | 312612464 |
| Daiane Gonçalves | 312520688 |
| Karol Alves | 312411298 |
| Kauan Araujo | 312412318 |
| Gabriel Martin | 312511158 |
- Instituição: Universidade São Judas Tadeu
- Campus: São Bernardo do Campo
- Disciplinas: Sistemas Distribuídos · Desenvolvimento Web, Mobile e Jogos
- Cursos: Sistemas de Informação · Análise e Desenvolvimento de Sistemas
- Atividade: Projeto A3