Re: [ART] Website mockup

["Luis Felipe López Acevedo" <felipe.lopez@openmailbox.org>]

El lun, 16-02-2015 a las 11:09 +0000, Amirouche Boubekki escribió:
> , 
> 
> 
> Luis Felipe López Acevedo <felipe.lopez@openmailbox.org> writes:
> 
> > Hi,
> >
> > Here is a mockup for the website:
> >
> > http://sirgazil.bitbucket.org/static/temp/img/guix/home-black-header.png
> 
> 
> The black header looks strange because the rest of the page is very
> light.
> 

I understand what you mean :)


> >
> > And some variants with white and yellow headers:
> >
> > http://sirgazil.bitbucket.org/static/temp/img/guix/home-white-header.png
> 
> I prefer that one because the logo looks better & header contrast is
> better.
> It doesn't look strange with the next part, which has a strong color.
> 

Me too.


> > http://sirgazil.bitbucket.org/static/temp/img/guix/home-yellow-header.png
> 
> 
> - less constrast
> - logo is good but I'm not sure it will work the same over a white
> background

The header background is supposed to stay yellow in this version, if you
go to another page, for example. It is just that it matches the current
background color of the section below it.


> Here my first few impressions:
> 
> 
> About the part just below the header :
> 
> 
> - in the text, emphase done in black seems "bizarre" to me
> - the monitor looks good, maybe the screen has too much shadow


I like those two things though :)


> - the banner is good & convincing
> 
> 
> - the button are too dark and the text shadow shifts too far 
> - the color of the button goes with the background found in the
> monitor, what happens when the background change?

Usually, the default background of the system changes only with major
releases, and websites tend to be updated as well for the new version,
so I guess the buttons would change accordingly.

> - I'm not sure about the button color (complementary color).
> 

But I'm with you on this one. I'm not sure either :)

> - Maybe a button like http://clojurescriptone.com/ might work better
> (without the font and smaller)
> - I think that only the download button (with last version number
> somewhere) is required. Overview is already visible in screenshot
> section & header.


I like that idea: just the download button (with version number), and
include a link to the overview in the screenshots section.


> - I'm not sure the wave separator is the best thing. That's what makes
> it more "casual".


I feel the same way.


> In the screenshot section, maybe a link to "overview" is required.
> 
> 
> There is no blog link in the header
> There is no about link in footer. I'm not sure an about page is
> required, since the frontpage can do that job.


That's confusing, isn't it? I'll fix header and footer mismatch.

As for the "About" section, I was thinking on something like what is
used in blender.org.


> There is no mention of guix package manager.

I was thinking on doing that on the "Overview" and "Packages" pages. But
I think I can try adding something in the front page as well (advanced
package manager called GNU Guix).


> Maybe doing a mockup including a FSF campaign banner, to avoid akward
> design in this situations.


I don't think I understand what you mean here.


> The overall looks very good. It's looks unique & modern. The page is
> not too large & the font size not too small. Very good job. Among all
> the above, it's really the complementary color that looks odd. It has
> its strength, but it seem old fashioned to me.
> 

Thank you very much for the great feedback, Amirouche. I'm taking note
of all these for a next mockup.