Website remake

gcrk

wvffle I think we might had a misunderstanding. I didn't said its by design to say its intended by me. Its rather because I got the designs that way and just implemented them.

Nevertheless I agree to your explanation. I just lack the ability to adjust the designs accordingly and Matthieu isn't around, so I fear it has to wait for a later iteration.

wvffle

gcrk Thanks for clearing this out

gcrk

@wvffle I adjusted the website regarding your feedback. Sadly we don't have any designs for those screens so I had to improvise. But I guess its good enough now to get published, isn't it? We can improve further in the future.

The pixelated artwork and the missing merch link will be handled in their own issues

gcrk

I asked my friend Felicie Markert to recreate our whales in SVG, thats the result:

Its even using our colors. We could use this on the website in order to have the picture not pixelated anymore on higher resolutions.

Sporiff

gcrk I really like these. The flat design fits in very nicely with the other page illustrations, and they feel very expressive. I'm all for swapping it out.

One other thing I have noticed is that with the changes to wide screen layouts, we now cut off the footer at the sides. I would expect the div background to take up the full screen width even if the content is restricted to the center.

gcrk

Sporiff One other thing I have noticed is that with the changes to wide screen layouts, we now cut off the footer at the sides. I would expect the div background to take up the full screen width even if the content is restricted to the center.

I was already in fear of someone requesting this, but I guess thats something I have to do

gcrk

Sporiff One other thing I have noticed is that with the changes to wide screen layouts, we now cut off the footer at the sides. I would expect the div background to take up the full screen width even if the content is restricted to the center.

Thats done now, mind having another look?

Sporiff

gcrk Much better 🎉 Thanks!

jooola

Hey all, I am somewhat late to the party.

Here are a few comments:

Do we really need those horizontal lines ? The different row seem spaced enough that we understand it is a section, and the lines seem a bit too much.

The margin of the different row are not consistent with the rest of the page, maybe adding a bit more margin makes it a bit more spaced ?

I am a bit confused by the mixing both flat style and shadows. The get started button and picture are not elevated (no shadows) but the cards are. I don't know where you want to bring the attention, but my eye prefers the shadows over the get started/picture. I would suggest to remove the shadows, or add more shadows, but maybe not mix the styles ?

From the accessibility point of view, I am really not an expert, but shouldn't the button that trigger a navigation change the style when hovering ? In addition the cards on the bottom of the front page are marked as clickable, but only the little button is clickable, which is confusing when clicking on the card but no action is performed.
In addition the cards on the top of the front page are really similar to the cards on the bottom, but the bottom cards are clickable, while the top cards aren't.

Hope this helps

gcrk

@jooola Please be aware I am only implementing the design. Something like the lines, where shadows are things are only a bug if there is a difference between the design and the website. If yes, please let me know.

jooola From the accessibility point of view, I am really not an expert, but shouldn't the button that trigger a navigation change the style when hovering ? In addition the cards on the bottom of the front page are marked as clickable, but only the little button is clickable, which is confusing when clicking on the card but no action is performed.
In addition the cards on the top of the front page are really similar to the cards on the bottom, but the bottom cards are clickable, while the top cards aren't.

jooola The footer is not sticking to the bottom, maybe adding a min-height: calc(100vh - footer height) to the main content container will push the footer at the bottom ? Also the navbar is not consistent with the other page on the help page.

I'll work on those, thanks for the feedback!

mjourdan

jooola

Do we really need those horizontal lines ? The different row seem spaced enough that we understand it is a section, and the lines seem a bit too much.

I find the lines are nice to give a sense of continuity, and avoid the section to feel too empty.

The margin of the different row are not consistent with the rest of the page, maybe adding a bit more margin makes it a bit more spaced ?

To me the page looks too stretched on my 1920x1080px screen. I would suggest:

reducing the content width from 1600px to 1200px
using the same alignment for the hero at the top, the "get started" section, and the footer
increasing the height of the buttons in the "support us" section, and the spacing between them

I would suggest to remove the shadows, or add more shadows, but maybe not mix the styles ?

Agreed. We used shadow to recall the cards from within the app, but it has countersides. We should remove them.

Thanks for your input!

jooola

On the help page:

The footer is not sticking to the bottom, maybe adding a min-height: calc(100vh - footer height) to the main content container will push the footer at the bottom ? Also the navbar is not consistent with the other page on the help page.

« Previous Page