UX - UI | Fazer uma varredura e implementar melhorias

[jannilsonn]

Eu dono da Code Play, gostaria muito que melhorasse a UI e UX, para deixar a navegação agradável e vender mais.

Home está com UI ótima, falta ver o UX Todo as demais views precisa de UI e UX

UI

• Cores
• Tamanho da fonte
• Tipografia
• Imagens

UX

• Nomes de botões e links
• Layout
• Posicionamentos

Sugestão coloca ai na lista :100:

Issues relacionadas

• 71

• 72

• 73

• 75

• 78

[DanTupi]

Eu adicionaria #71 - Revisão de português. e faria talvez um nov #58 - padronização, seguindo um pouco melhor estas questões de fontes e cores e tudo mais.

[DanTupi]

Conversando com Janilson e olhando o site tivemos estes apontamentos:

No navbar:

Escurecer um pouquinho a navbar, (se usarmos a mesma cor na navbar e footer, mais pro escuro, podemos criar aquela ideia de cinema, das tarjas horizontais) Logo-marca que o Marcos fez (com fundo transparente e o "O" roxinho se pudermos). Botões de usuário, poderia ser avatar com o "sair" e "meu perfil" no dropdown que o usuário acessa clicando no avatar. (se o usuário estiver deslogado continua como está); no dropdown vamos ver: "painel de controle", "meus dados"~, "meu perfil"~ e "sair".

e implementar esta navbar na área do aluno (/user) e nas rodas de cursos e assinaturas.

area do aluno /user:

(arrumar o navbar) Sidebar:

• Trocar "meu perfil" por "painel de controle" (quer irá linkar para estatísticas de usuário).
• Trocar "meus planos" por "minhas assinaturas"
• Trocar o "Meios de pagamento" para "Meus Dados" e podemos dar um show nos dados de usuários para edição e também um show nos métodos de pagamento. Se, a forma do user ver aulas se manter como está (redirecionando para o curse_path): Remover breadcrumbs.

Mas conversando aqui, pensamos que talvez seja melhor fazer um render dentro da rota do /user/courses/:id com os cursos, assim o usuário não é "jogado por aí" no site. (assim até remove um pouco o retrabalho de adapção de páginas.

show das assinaturas e cursos:

Atualizar fontes e cores para tambérm ficar harmonizado. Acreditamos que seria melhor mudar este paradigma de mostrar os cursos e assinatura por tabela mas poderíamos mostrar por uns quadradinhos com as capas e nomes dos cursos, daí quando ele clica no curso ele vê a descrição, preço, aulas...

Nas assinaturas podemos mostrar a assinatura e um carrocel de cursos que pertence à assinatura.

se continuar como tabela: trocar o link_to do nome do curso somente mas na tr mesmo, que daí, o usuário pode clicar em qualquer lugar naquela linha da tabela que vai ser redirecionado para o que precisa, não necessariamente obrigando o user a ter sempre de clicar no nome do curso. trocar as cores da tabela, para ficar um pouco mais harmonizado, o roxinho da home....

footer

Para diferenciar o footer a gente podia usar a mesma cor da navbar. (ver o que está escrito na navbar) na home o footer tem o Copyright, é bem legal

conversa super complicada e talvez desnecessária:

trocar a fonte, nossa sugestão seria para poppins

[DanTupi]

Mas ó, é muita coisa num card só, eu acho que este issue aqui é legal ter e guardar, mas desmembrar em cards e milestones e times, e tal...