Create a simple wireframe for the version 2

antoinewolff commented 3 years ago

The goal here is to create structural wireframe to quickly get an idea of the direction we have to take :

antoinewolff commented 3 years ago

Here is a first sketch of the v2 home page. This is the starting point of our discussion: dismoi-website-structure-v2.0.pdf

JalilArfaoui commented 3 years ago

So nice to see this moving forward ! ❤️

Here’s what comes through my mind

I love the install link in the header, with the browser icon … It’s the first thing that catches my eye
«Éclaireurs à la une» carousel seems nice too ! Having screenshots on the home page directly presented with contributor abstract and follow button shorten the acquisition flow
I also like that we showcase the ability for anyone to contribute !
In short, I like this new home …
Should we really «Droits réservés textes et images» just near the open source block and the GitHub icon … Maybe we could just «Contenu sous licence Creative Commons / GPL / whatever» ?

newick commented 3 years ago

As a user I really hate carousel, studies show that very few screens are displayed. (https://doisjeutiliser.fr/unCarrousel/) BUT I don't have anything else to suggest to keep a "small" page and have 10 use cases.
what is the point of the breadcrumbs in the bottom part?
Should we really «Droits réservés textes et images» just near the open source block and the GitHub icon … Maybe we could just «Contenu sous licence Creative Commons / GPL / whatever» ? +1 FYI ©doesn't apply legally in France if I remember well
Does the animation to display the content help to get the idea ? I uses ressources and if the content is well designed/written it seems self-sufficient, isn't it?

Thanks @antoinewolff to give stuff to discuss :)

antoinewolff commented 3 years ago

@newick : I understand your position with the carrousel. To defend it a little bit :

As you say, there is no perfect solutions to present between 5 to 10 screenshots without stack them verticaly. Grid, tabs, burger toggle... for the moment I don't see any "less worst" solution.
This carousel will be animated with fade in steps to make the readability easier.
To prevent the problem with the fact that most of the visitor will not see more than the first screen, I have add a line timer on the top of the section.

antoinewolff commented 3 years ago

Youness Id bakkasse has post a proposal of design for the home page on LinkedIn.

antoinewolff commented 3 years ago

Séverine Bourin has post a proposal of design for the home page on LinkedIn.

antoinewolff commented 3 years ago

The idea of add a image to signify the "network" aspect is describe here :

antoinewolff commented 3 years ago

A new version of the wireframe (v1.1) is available here : dismoi-website-v2-structure-v1.1.pdf

antoinewolff commented 3 years ago

Call 8/04/21 : Marco, @newick and @antoinewolff said :

Update to do on the structural (simple) wireframe :
- Screenshot mobile : "Ses dernière contribution" in a foldable menu.
- Add a social/press proof section
- Add a option section "example"
- Change « voir en contexte » by « voir une capture d'écran »
- On mobile change the icon menu with a dropdown or a overlay navigation
- On mobile : let see a part of the next slide on the right hand side.
Marco will show Adobe XD to @antoinewolff because we choose it to realise our graphical wireframe

antoinewolff commented 3 years ago

@newick, @MaartenLMEM : A new version of the wireframe (v1.2) is available here : dismoi-website-v2-structure-v1.2.pdf

newick commented 3 years ago

@antoinewolff lgtm!

antoinewolff commented 3 years ago

@newick, @MaartenLMEM : A new version of the wireframe (v1.3) is available here : dismoi-website-v2-structure-v1.3.pdf

antoinewolff commented 3 years ago

A new version of the wireframe (v1.4) is available here : dismoi-website-v2-structure-v1.4.pdf

dis-moi / websites