Ux Design, Ui Design
FocusCoop
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d05ed32bca443e2d965368_phone_14_screen_mockup_3.jpg)
FocusCoop OCB
Desafio
Criar um site onde fomentasse inovação. Desde a notícia inspiradora, até dados e treinamentos para as cooperativas.
Solução
Criar uma estrutura que tivesse uma experiência de usuário parecida com um app. Trazendo assim, maior inovação visual e de navegação.
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63c962037b024ee20005a2d6_focuscoop.png)
Referências:
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d440e0b5ea20da6f6d9267_FocusCoop%20e%20Inova.pptx.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d440f58de97c7c0c8eca7e_FocusCoop%20e%20Inova.pptx%20(3).png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d441020c334f877b3092a5_FocusCoop%20e%20Inova.pptx%20(2).png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d4413d63c6578a638df289_FocusCoop%20e%20Inova.pptx%20(1).png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d44328bab8ec1bb55eed01_Untitled_AdobeExpress.gif)
Ux design:
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d443e563c65761a68e257d_Captura%20de%20tela%202023-01-27%20123456.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d443ce0469d66d6ae28e2b_Captura%20de%20tela%202023-01-27%20123702.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d443c153696b6dd0b9fe54_Captura%20de%20tela%202023-01-27%20123800.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d7205161a9181191a768bd_celulares-pack-1.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d7206125c16a0ee8e0e1b5_celulares-pack-2.png)
Ui Design
É SITE MAS PARECE UM APP!
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63c96216d2650f59d1ab7e41_Mockup-1.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63c96232cff1372a77b35d17_Mockup-2.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63c962548c49b51b2c57bc81_Mockup%203.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63c9627b225051050774de3c_Mockup-4.png)
TUDO NA MESMA PÁGINA: SINGLE PAGE WEBSITE
- A navegação em uma página é mais direta.
- Não há como se perder e tudo está a apenas alguns pergaminhos de distância.
- A página é mais focada e clara, o que facilita a comunicação da principal mensagem do site.
- Os sites de uma página funcionam sem problemas em quase todos os dispositivos, pois a navegação é principalmente rolando ou passando ao invés de clicar ou tocar.
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63c9629a22d7031f6b1f5c74_Mockup-5.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63c962b5d6212bd650cad45f_Mockup-6.png)
![](https://uploads-ssl.webflow.com/63bdd9c05a7162a9555fa34d/63d170584a9eb643a28db71e_phone_screen_mockup_3.jpg)
PONTOS PRIMORDIAIS DO PROJETO
NAVEGAÇÃO SINGLE-PAGE
LAYOUT COM VIDA E FLUIDEZ
INTUITIVO
MOBILE FIRST
IMPACTO VISUAL
Up