Status: Em desenvolvimento
Tecnologias: Vue 3, Nuxt 3, Pinia, Vanilla CSS / Design Tokens.
Plataformas: Web Responsive (Mobile First)
1. Visão Geral do Projeto
O StabArts é um projeto de e-commerce de arte e artesanato que nasceu de um desafio da Oracle (ONE) e da Alura. O projeto original utilizava HTML, CSS e JavaScript puros.
O Desafio Atual: Evoluir a plataforma para um nível “Premium” de portfólio, utilizando tecnologias modernas e escaláveis (Nuxt 3), focando fortemente em boas práticas de acessibilidade (A11y), arquitetura limpa, performance extrema e um Design System autoral e moderno.
Objetivos Principais
- Performance: Carregamento ultra-rápido, otimização de imagens, SSR (Server-Side Rendering) e pré-carregamento com Nuxt.
- Acessibilidade: Padrões WCAG 2.2 AA, navegabilidade por teclado fluida, ARIA roles, contraste impecável.
- Visual: Estética artística com paleta de cores harmoniosas (Glassmorphism, Dark Mode opcional, micro-interações).
- Escalabilidade: Integração com arquitetura Mock Backend (Nuxt Nitro) facilitando uma futura transição para APIs reais.
2. Personas (Fictício)
Persona 1: A Consumidora Apaixonada
Marina, 28 anos, Arquiteta
- Dores: Dificuldade em encontrar quadros e artigos de decoração originais que fujam do padrão das grandes lojas, sem poder visualizar detalhes da textura da obra e sem um processo de checkout confiável.
- O que busca: Interface limpa que valorize a imagem dos produtos. Processo de compra fluido em apenas 3 passos.
Persona 2: O Artista Criador (Admin)
Rafael, 34 anos, Artista Plástico
- Dores: Sistemas de gestão (CRUD) de lojas normalmente são feios, confusos e demorados para cadastrar novos produtos ou atualizar preços.
- O que busca: Um painel administrativo intuitivo que permita adicionar obras e gerenciar a disponibilidade rapidamente.
3. Arquitetura da Informação (Sitemap)
graph TD
A[Home Page] --> B[Lista de Produtos / Categoria]
A --> C[Detalhes do Produto]
B --> C
C --> D[Carrinho]
D --> E[Checkout Fictício]
A --> F[Login]
F --> G[Admin Dashboard / CRUD]