Theme wireframe mockup: "Portal"

Forum Homepage Forums Community Contribute! Theme wireframe mockup: "Portal"

This topic contains 6 replies, has 3 voices, and was last updated by Avatar of Michael Johnson marcoesquandolas 1 year, 6 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #510
    Avatar of erlendsh
    erlendsh
    Participant
    Post count: 99

    After going through 10+ major iterations, I finally had mockup that resembled a design for the jmonkeyengine.org front page that I would be really happy with.

    Here’s what I’ve got:

    http://i.imgur.com/WEbqq.png

    I’ve nick-named it “Portal” because that’s it’s main purpose; to act as a brief yet informative stepping-stone into other major components, sub-domains even, of the site.

    The main inspiration was Ylvis.com. From there I added a couple conventional elements like the feature boxes (with plain URLs instead of titles in my case) and the 4 widgets. I imagine the large picture to just be static, but responsive, like the rest of the site. No need for any fancy slider stuff. just the one “heads up!” picture should suffice. Another inspiration for that was this Unity3D page.

    The one fairly unique feature is supposed to be the top-most menu (not counting the BP bar). What I need is an icon-based menu:

    Collection of examples:

    http://designshack.net/articles/css/30-innovative-icon-based-navigation-menus/

    Below:

    http://macrabbit.com/

    Adjacent:

    http://narwhalcompany.com/

    Above:

    http://www.weblifting.at/

    Descriptions:

    http://www.stevenlittledesign.com/

    I am by no means sworn to this design. Any theme with a similar focus on data delivery and simplicity would of great interest to me.

    #515
    Avatar of erlendsh
    erlendsh
    Participant
    Post count: 99

    Testing embed image with img tags… failed :P

    #603
    Avatar of erlendsh
    erlendsh
    Participant
    Post count: 99

    I iterated on the concept a bit, thinking how it’d work as a responsive design.

    Tall view:

    http://i.imgur.com/NHnoa.png

    Wide view:

    http://i.imgur.com/brYMkh.png

    #604
    Avatar of shawn
    shawn
    Participant
    Post count: 26

    I really like the concept, it’s coming along nicely. Your absolutely going to love working with infinity as it is so easy to pull off exactly what you have pictured.

    #652
    Avatar of erlendsh
    erlendsh
    Participant
    Post count: 99

    Thanks. I’ve started digging into Infinity and I’m really enjoying it so far, although I’m by no stretch an advanced user, let alone a designer/developer of any sort.

    I recently found a theme that looks and acts very similarly to the one I’ve described here:

    http://demo.thethemefoundry.com/react-theme/

    That’s pretty much it down to the dot, but without the icon-based menu and the news items.

    #656
    Avatar of erlendsh
    erlendsh
    Participant
    Post count: 99

    Hope you guys don’t mind me talking to myself a lot in this thread, but I found another great great site to use as reference. This one’s got an icon based menu:

    http://foodsense.is/

    #718
    Avatar of Michael Johnson
    marcoesquandolas
    Participant
    Post count: 4

    cool-thanks for some inspiration-hope to have something to contribute this week

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.