Details

    • Type: Improvement Improvement
    • Status: Open
    • Priority: Major Major
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: site
    • Labels:
      None

      Description

      Our current site design has been with us for quite a while. It looked fresh in the 1980s, but now it has gone stale.

      This is a proposal for a new, fresh design of the home page and sub pages.

      The home page will feature a prominent download link, a list of feature descriptions, screenshots of sites powered by Wicket, official blog items and Buzz by our users.

      The screenshots of wicket powered websites will link to short descriptions of the sites under /meet/poweredby. Links to the websites will of course have nofollow

      Other pages will feature a menu on the right side of the page providing direct links to content.

      Attached are a couple of screen shots of how the site might look like.

      Screen 005 is an alternative of the home page without the list of features, but including the introduction to wicket article.

      1. ASF.LICENSE.NOT.GRANTED--Alternative design.jpg
        283 kB
        Martijn Dashorst
      2. Keynote001.png
        232 kB
        Martijn Dashorst
      3. KeynoteScreenSnapz001.png
        327 kB
        Martijn Dashorst
      4. KeynoteScreenSnapz002.png
        128 kB
        Martijn Dashorst
      5. KeynoteScreenSnapz003.png
        183 kB
        Martijn Dashorst
      6. KeynoteScreenSnapz004.png
        187 kB
        Martijn Dashorst
      7. KeynoteScreenSnapz005.png
        326 kB
        Martijn Dashorst
      8. wicket-flat.001.png
        245 kB
        Martijn Dashorst
      9. wicket-flat-new-top.002.png
        240 kB
        Martijn Dashorst
      10. wicket-flat-new-top.003.png
        224 kB
        Martijn Dashorst
      11. wicket-flat-new-top.004.png
        208 kB
        Martijn Dashorst
      12. wicket-flat-new-top.005.png
        213 kB
        Martijn Dashorst
      13. wicket-logo.svg
        62 kB
        Michael Mosmann
      14. wicket-logo-big.png
        43 kB
        Michael Mosmann

        Activity

        Hide
        Igor Vaynberg added a comment -

        looks awesome. my vote is for 001. i think 005 leaves too little space for news. also more pictographs would help. like an icon for each feature. right now seems a little too much text.

        another idea may be to make features a timed slider where its a feature followed by a small code snippet. maybe.

        Show
        Igor Vaynberg added a comment - looks awesome. my vote is for 001. i think 005 leaves too little space for news. also more pictographs would help. like an icon for each feature. right now seems a little too much text. another idea may be to make features a timed slider where its a feature followed by a small code snippet. maybe.
        Hide
        Andrea Del Bene added a comment -

        +1 for 001

        It's VERY nice and despite the big amount of information it gives it's very clear.

        Show
        Andrea Del Bene added a comment - +1 for 001 It's VERY nice and despite the big amount of information it gives it's very clear.
        Hide
        Martijn Dashorst added a comment -

        Alternative, less cluttered design

        Show
        Martijn Dashorst added a comment - Alternative, less cluttered design
        Hide
        Chris Colman added a comment -

        Looks great! Go live already!

        Show
        Chris Colman added a comment - Looks great! Go live already!
        Hide
        Bruno Borges added a comment -

        The alternative design looks awesome. +1 for that

        Show
        Bruno Borges added a comment - The alternative design looks awesome. +1 for that
        Hide
        procrastinative added a comment -

        hello Martin, can you upload a psd's. I will help you with creating a new version of wicket site.

        Show
        procrastinative added a comment - hello Martin, can you upload a psd's. I will help you with creating a new version of wicket site.
        Hide
        Martin Grigorov added a comment -

        The new website is at https://github.com/dashorst/wicket-site.
        I don't see .psd files there but I hope it is enough for you to help us!

        Show
        Martin Grigorov added a comment - The new website is at https://github.com/dashorst/wicket-site . I don't see .psd files there but I hope it is enough for you to help us!
        Hide
        procrastinative added a comment -

        Which version of design is currently full approved?

        KeynoteScreenSnapz001.png to KeynoteScreenSnapz005.png have consistent look, but I agree with other people that Alternative_design.jpg looks better.

        So, for index.html I should use alternative_design and for the rest use KeynoteScreen1-4 or use KeynoteScreen1-5 for all?

        Show
        procrastinative added a comment - Which version of design is currently full approved? KeynoteScreenSnapz001.png to KeynoteScreenSnapz005.png have consistent look, but I agree with other people that Alternative_design.jpg looks better. So, for index.html I should use alternative_design and for the rest use KeynoteScreen1-4 or use KeynoteScreen1-5 for all?
        Hide
        Martijn Dashorst added a comment -

        What I'm aiming at is something that requires the least amount of maintenance. That's why I'd like to utilize bootstrap. But is is also why I don't like to have the website screenshots directly in the page (would be hard to maintain).

        The alternative is a bit cumbersome to craft. Perhaps we should take a step back and see how we want the site to be structured rather than jump of a bridge and go do something.

        Show
        Martijn Dashorst added a comment - What I'm aiming at is something that requires the least amount of maintenance. That's why I'd like to utilize bootstrap. But is is also why I don't like to have the website screenshots directly in the page (would be hard to maintain). The alternative is a bit cumbersome to craft. Perhaps we should take a step back and see how we want the site to be structured rather than jump of a bridge and go do something.
        Hide
        procrastinative added a comment -

        I can offer cutting and html creation, i don't have any design skills, so someone should prepare jpg/psd mock etc and after that I will do rest of the job.

        Bootstrap is good idea, but is not to sterile? In my opinion alternative_design is good because doesn't look like 'common' template. I think we should create main pages for wicket site using sth like alternative_desing template and from it link to other resources that looks based on for example bootstrap.

        We can minimalize our effor to maintain wicket site by using cms (sth written in php or brickx - jvm hosting is a problem?). How much effort jekyll needs?

        Show
        procrastinative added a comment - I can offer cutting and html creation, i don't have any design skills, so someone should prepare jpg/psd mock etc and after that I will do rest of the job. Bootstrap is good idea, but is not to sterile? In my opinion alternative_design is good because doesn't look like 'common' template. I think we should create main pages for wicket site using sth like alternative_desing template and from it link to other resources that looks based on for example bootstrap. We can minimalize our effor to maintain wicket site by using cms (sth written in php or brickx - jvm hosting is a problem?). How much effort jekyll needs?
        Hide
        Martijn Dashorst added a comment -

        A flat, more contemporary graphics design

        Show
        Martijn Dashorst added a comment - A flat, more contemporary graphics design
        Hide
        Andrea Del Bene added a comment -

        VERY nice! Bravo!

        Show
        Andrea Del Bene added a comment - VERY nice! Bravo!
        Hide
        Martin Grigorov added a comment -

        I like the new one too!

        Show
        Martin Grigorov added a comment - I like the new one too!
        Hide
        Martijn Dashorst added a comment - - edited

        Animation of front page when scrolling up reveals the top menu bar with logo. see wicket-flat-new-top-*.png

        Show
        Martijn Dashorst added a comment - - edited Animation of front page when scrolling up reveals the top menu bar with logo. see wicket-flat-new-top-*.png
        Hide
        Michael Mosmann added a comment -

        IMHO the "w" in the wicket logo is too small.. i did as best as i could a reverse engineered version of the original logo.

        Here is the inkscape-source-file (and a exported version as png). This way it should be easy to make it "flat"..

        Show
        Michael Mosmann added a comment - IMHO the "w" in the wicket logo is too small.. i did as best as i could a reverse engineered version of the original logo. Here is the inkscape-source-file (and a exported version as png). This way it should be easy to make it "flat"..
        Hide
        Martijn Dashorst added a comment -

        small screen site layout example

        Show
        Martijn Dashorst added a comment - small screen site layout example
        Hide
        Martin Grigorov added a comment -

        Every time I read/hear "mobile first" and I remember of http://s3-ec.buzzfed.com/static/enhanced/webdr02/2013/7/25/11/enhanced-buzz-6550-1374767315-12.jpg

        "small screen site layout example" looks very nice!

        Show
        Martin Grigorov added a comment - Every time I read/hear "mobile first" and I remember of http://s3-ec.buzzfed.com/static/enhanced/webdr02/2013/7/25/11/enhanced-buzz-6550-1374767315-12.jpg "small screen site layout example" looks very nice!

          People

          • Assignee:
            Unassigned
            Reporter:
            Martijn Dashorst
          • Votes:
            3 Vote for this issue
            Watchers:
            8 Start watching this issue

            Dates

            • Created:
              Updated:

              Development