Criação de Wireframe Website de Alta Fidelidade

[LayaneBentes]

Descrição: Esta tarefa consiste em criar wireframes de alta fidelidade para a versão mobile do website. Wireframes de alta fidelidade incluem detalhes visuais mais elaborados, tipografia, e espaçamentos precisos, representando uma versão mais próxima do design final.

Tópicos iniciais para a criação das telas:

• [x] Sites referenciais
• [x] Paleta de Cores
• [x] definição de funcionalidades/animações

[ProBeta12]

Sites referenciais Esses são os sites que temos como referencia atualmente.

https://www.astrolink.com.br/

https://www.personare.com.br/horoscopo?tm=tt&ap=gads&aaid=ada9OVCiM4aHO&utm_source=google&utm_medium=cpc&utm_campaign=pareto.ac.gsn.brand.br.Institucional&utm_term=pareto.AG.MarcaHP&gad_source=1&gclid=CjwKCAjwy8i0BhAkEiwAdFaeGIlDN-F9K6j5imvoiosUq8DnFtGE3dgccaY-wjL8B1n5EcCrpBoWiRoCv-0QAvD_BwE

[LayaneBentes]

Fiz umas pesquisa das paletas de cores que podem ser utilizadas no site.

Site utilizado na pesquisa: https://color.adobe.com/pt/explore

Paleta de cores 1:

Paleta de cores 2:

Paleta de cores 3:

[ProBeta12]

Criei um projeto no figma para criação da wireframe de alta fidelidade.

link figma: https://www.figma.com/design/LHfEJj3BFN0PdH3D8do8fW/heavenly?node-id=0-1&t=2TXqG2FkiOYmrhxc-1

Temos o wireframe de baixa fidelidade na seguinte tarefa: #8 e o wireflow das telas na tarefa #12 .

Segue o link do miro: https://miro.com/app/board/uXjVN1XWAAk=/

[ProBeta12]

@LayaneBentes estou fazendo as telas sem a paleta de cores para terminar logo as funções básicas do site, assim a equipe dev ja consegue começar a fazer a tela home.

[LayaneBentes]

@ProBeta12, decidi escolher a "paleta de cores 1" , para aplicar no site.

Link do comentário onde estão listadas as paletas de cores: https://github.com/victo-dev-qriarlabs/heavenly/issues/11#issuecomment-2233852510

[ProBeta12]

Terminei o wireflame de alta fidelidade, segue o link do figma e suas telas em pdf: figma: https://www.figma.com/design/LHfEJj3BFN0PdH3D8do8fW/heavenly?node-id=0-1&t=sWusTV0XqckZvqMU-1 documento: heavenly.pdf