Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

LMEL Comment ça marche : polish to make it more readable and more consistent #234

Open
MaartenLMEM opened this issue Jan 13, 2022 · 1 comment
Assignees
Labels
content page Lememe.fr site web Le même en local

Comments

@MaartenLMEM
Copy link
Collaborator

MaartenLMEM commented Jan 13, 2022

Currenlty, LMEL Comment ça marche is the result of Dismoi comment ça marche without the diagram and with a shorter text.

These changes have obviously affected the final appearance.
Two main issues :

  • the big image under the 3 steps seems to be a part of Comment ça marche, whereas it is an other part (but withouth title)
  • it is a bit hard to read the three steps (it requires attention)

Are there some quick wins possible here ?

Prioriity : low, website works and there is no evidence this will affect much UX and conversion

@MaartenLMEM
Copy link
Collaborator Author

MaartenLMEM commented Jan 13, 2022

Some ideas :

1. Larger vertical margins
Here is current state on desktop :
image

Here is a first change just on vertical margins :
image

2. Move the title of the next part at the top its section
Currently ;

image

After this change :

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
content page Lememe.fr site web Le même en local
Projects
None yet
Development

No branches or pull requests

2 participants