Desejo um designer de produto para desenvolver a UI de um app mobile, com propósito de ser um gerador de cartão de visita online.
Ideia:
App que a pessoa acessa, cria um "cartão de visita" personalizado com os dados da empresa e do profissional, em que a pessoa pode adicionar logo da empresa e customizar background, com possibilidade de compartilhar com facilidade com outras pessoas através de e-mail, whatsapp, messenger, etc.
Já tenho uma tela do protótipo realizado, gostaria dos desdobramentos de UI para conseguir montar um protótipo funcional, para
desenvolvimento.Possuo a imagem em jpeg e o arquivo em psd aberto, facilitando o desenvolvimento das novas telas. NÃO precisa utilizar exatamente o mesmo design do protótipo, ele apenas ilustra um pouco da ideia.
Deve ser usado o gruideline de estilo oferecido pela Apple, para manter o padrão de tamanho de ícones, menu, comportamentos, etc. Sites de referência dos guidelines da Apple:
https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/system-icons/
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/
https://developer.apple.com/design/human-interface-guidelines/ios/controls/buttons/
Este link também tem boas sugestões de padrão que pode ser analisado:
https://maxsnitser.com/blog/best-ux-patterns-for-navigation-in-ios-apps
Preciso de desenvolver mais 6 telas para app mobile (usar referências para ios, exemplificadas acima):
1 - Tela de login: ainda não tem marca, mas estou dando o nome provisório de "shareable card". É A tela com para login com e-mail, senha, cadastro de novo usuário e "esqueci a senha"
2 - Tela de signup: cadastro com nome, telefone, empresa, site da empresa, e-mail corporativo, senha, confirmação de senha.
3 - Tela do cartão com empty state: protótipo da página principal, com menos informações: sem foto, um fundo de tela padrão, logo da empresa, empty states, etc. Contudo, os dados do signup já podem ser preenchidos como padrão (nome, telefone, empresa, site da empresa, e-mail corporativo).
4 - Tela de edição: tela em que o usuário poderá adicionar foto, editar nome da empresa, adicionar logo da empresa, editar site da empresa, adicionar telefones (possibilitar "adicionar mais números", adicionar facebook, adicionar linkedin, adicionar instagram, adicionar twitter, adicionar site pessoal, endereço (possibilitar "adicionar mais endereços"), editar o Background de fundo (se possível, ilustrar como o cliente poderia selecionar um background).
O e-mail corporativo não deve ser um campo editável, pois seria o e-mail de login. Simular uma tela de edição com dados preenchidos
5 - Tela do cartão, substituindo o protótipo que enviei.
6 - Tela para compartilhamento.
Premissas obrigatórias:
- o app deve ter os labels em inglês: settings, share, name, company, password, etc.
- Para evitar retrabalhos, se preferir, podemos validar um protótipo de baixa fidelidade ou wireframe antes de ir definitivamente para a UI
- usar guideline da Apple (links acima)
- o protótipo de exemplo que enviei não foi feito por um profissional de UI. Logo, não deve ser 100% utilizado.
É Apenas uma referência. O ideal é deixar o protótipo mais profissional. Eventualmente, os campos e botões podem ser melhor distribuídos, para melhorar a usabilidade (por isso que talvez um protótipo de baixa fidelidade pode ser uma boa ideia, uma opção que fica a cargo do designer se achar necessário).
Caso tenham mais dúvidas, envie no chat, para ajudá-los.
Prazo de Entrega: 28 de Agosto de 2019