Ux Design, Ui Design
InovaCoop
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63d1846c6e1cb35dcd730475_1.jpg)
InovaCoop 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://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97ededde68e5ab49ff66e_rm419-a01a-mockup.png)
É SITE MAS PARECE UM APP!
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97eed63cbaa6cc753fe5a_mockup-2.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97f0e4d9272181d8351ac_mockup-3.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97f4563cbaad13d540a0d_mockup-4.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97f585722f00fd9150d04_mockup-5.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97f7271f7924a234a7467_mockup-6.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97f843ae4b62f381d4c44_mockup-7.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://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97fa502ee4f6cb56bf5e4_mockup-8.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97fbd9dede8868cb3f003_mockup-9.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97fe048374368eb3417c8_mockup-10.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c97ff7ef0c3bc57f898907_mockup-11.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c9801b5722f01d22152892_mockup-12.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c9803642030f59b24181ab_mockup-13.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c98052dde68ec6aea008be_mockup-14.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c9807f506ca9eb180f28fe_mockup-15.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c9809d86d126b13abf0286_mockup-16.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c980b1f031031dea318c6e_mockup-16%2C2.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c980cf3ae4b6f68b1d812b_mockup-17.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c980f03ae4b65f8a1d828b_mockup-17%2C2.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c98114bfa8c427c9d27d3b_mockup-18.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c9816089262b7c6c43422b_mockup-1.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c9817df00f17cabddc6dfb_mockup-20.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c9819521758a5d3d4c79a8_mockup-20%2C1.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c982692b10096c5a17898b_mockup-21.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c982811e909c4ae3a55fd9_mockup-22.png)
![](https://cdn.prod.website-files.com/63bdd9c05a7162a9555fa34d/63c982a185306be539480520_mockup-23.png)
PONTOS PRIMORDIAIS DO PROJETO
NAVEGAÇÃO SINGLE-PAGE
LAYOUT COM VIDA E FLUIDEZ
INTUITIVO
MOBILE FIRST
IMPACTO VISUAL
Up