Design and Layout Mock-ups...

Post Reply
User avatar
Phantasmagoriat
Joined: Mon Feb 06, 2006 11:26 pm
Status: ☁SteamPunked≈☂
Contact:
Org Profile

Re: Design and Layout Mock-ups...

Post by Phantasmagoriat » Thu Dec 16, 2010 10:44 pm

I think I get the gist of what you are saying, and if you want to take a different approach, I fully support you. My approach has been to take what the org currently tries to do, and organize it accordingly. I guess that's why I'm so focused on Structure, because it's one thing for a single component of the site to work well; but to work well Overall is really tricky. Basically, I'm concerned that by focusing too much on one component, other important aspects of the site will be overshadowed. Then again, what's 'important' is somewhat subjective, so you can design your mock-up however you like. Feel free to steal ideas from the mock-ups in my sig though-- I'll be certain to steal yours for a Browse page. :pizza:
Image
Org Profile | AMVGuide | Phan Picks! | THE424SHOW | YouTube | "Painkiller"

"Effort to Understand; Effort to be Understood; to See through Different Eyes."

trythil
is
Joined: Tue Jul 23, 2002 5:54 am
Status: N͋̀͒̆ͣ͋ͤ̍ͮ͌ͭ̔̊͒ͧ̿
Location: N????????????????
Org Profile

Re: Design and Layout Mock-ups...

Post by trythil » Fri Dec 17, 2010 2:05 pm

The HTML/CSS for this hasn't been uploaded yet, because it (and its images) need some tweaks, but here's an update:

Image

trythil
is
Joined: Tue Jul 23, 2002 5:54 am
Status: N͋̀͒̆ͣ͋ͤ̍ͮ͌ͭ̔̊͒ͧ̿
Location: N????????????????
Org Profile

Re: Design and Layout Mock-ups...

Post by trythil » Fri Dec 17, 2010 7:12 pm

Now actually in HTML and CSS:

http://depot.ninjawedding.org/amvorgv2/

More usable SCSS here:

http://gitorious.org/a-m-v-org-v2/mockups

Next step: remove the login-related stuff and actually implement the search things.

trythil
is
Joined: Tue Jul 23, 2002 5:54 am
Status: N͋̀͒̆ͣ͋ͤ̍ͮ͌ͭ̔̊͒ͧ̿
Location: N????????????????
Org Profile

Re: Design and Layout Mock-ups...

Post by trythil » Mon Dec 20, 2010 12:40 pm

Well, technically, I haven't defined a "show a member page" feature, so the below mock-up has limited worth. I think, however, that it will eventually prove useful.

If nothing else, it'll get all those people worried about me not remembering that there are members on this site off my back. (Hint: want something done? File a story.)

http://depot.ninjawedding.org/amvorgv2/members.html

As usual, the underlying HAML and SCSS is available on Gitorious:

http://gitorious.org/a-m-v-org-v2/mocku ... throwaways

User avatar
Kaream
Joined: Wed Mar 18, 2009 9:20 pm
Location: California
Contact:
Org Profile

Re: Design and Layout Mock-ups...

Post by Kaream » Fri Mar 25, 2011 4:15 am

trythil wrote:The HTML/CSS for this hasn't been uploaded yet, because it (and its images) need some tweaks, but here's an update:

Quoted Image converted to link:
http://depot.ninjawedding.org/safari502-extended.png

Could use a lot of detailing so it doesn't feel empty handed.
But I'm really digging the design, if you could add the features we have on this interface, would be really awesome to see.
Image

trythil
is
Joined: Tue Jul 23, 2002 5:54 am
Status: N͋̀͒̆ͣ͋ͤ̍ͮ͌ͭ̔̊͒ͧ̿
Location: N????????????????
Org Profile

Re: Design and Layout Mock-ups...

Post by trythil » Sat Apr 02, 2011 1:59 am

Kaream wrote: Could use a lot of detailing so it doesn't feel empty handed.
A lot of people like empty calories, but that doesn't mean it's good for them.

User avatar
irriadin
BUBBLES!
Joined: Tue Jun 07, 2005 11:59 pm
Status: I fight for my friends
Location: Los Angeles, California
Org Profile

Re: Design and Layout Mock-ups...

Post by irriadin » Fri Dec 09, 2011 2:40 pm

I thought I'd try my hand at this... had a few hours of nothing to do today, so here's a header / topnav design. Should I continue?

http://www.irriadin.org/mockups/org_mockup_sample.png

User avatar
CodeZTM
Spin Me Round
Joined: Fri Mar 03, 2006 6:13 pm
Status: Flapping Lips
Location: Arkansas
Contact:
Org Profile

Re: Design and Layout Mock-ups...

Post by CodeZTM » Fri Dec 09, 2011 2:45 pm

irriadin wrote:I thought I'd try my hand at this... had a few hours of nothing to do today, so here's a header / topnav design. Should I continue?

http://www.irriadin.org/mockups/org_mockup_sample.png
I think it's really cute. :) Plus, we could change the top and banner colors with each new logo to match it better (I'm assuming that wouldn't be difficult). I also really like how you've got the stuff grouped together like that. But that's just me.

User avatar
irriadin
BUBBLES!
Joined: Tue Jun 07, 2005 11:59 pm
Status: I fight for my friends
Location: Los Angeles, California
Org Profile

Re: Design and Layout Mock-ups...

Post by irriadin » Sun Dec 11, 2011 9:23 am

CodeZTM wrote:
irriadin wrote:I thought I'd try my hand at this... had a few hours of nothing to do today, so here's a header / topnav design. Should I continue?

http://www.irriadin.org/mockups/org_mockup_sample.png
I think it's really cute. :) Plus, we could change the top and banner colors with each new logo to match it better (I'm assuming that wouldn't be difficult). I also really like how you've got the stuff grouped together like that. But that's just me.
Thanks! I don't think I've ever been told that a mockup for a website was "cute" before, haha. I'm going to keep working on this bit by bit.

User avatar
Nya-chan Production
The :< point of view
Joined: Wed Nov 15, 2006 11:21 am
Status: White bracelet
Location: Ward 7F
Contact:
Org Profile

Re: Design and Layout Mock-ups...

Post by Nya-chan Production » Thu Dec 15, 2011 1:28 am

I think the colors could be lighter, that's my only issue with the look. After a while this would be pretty heavy on the eyes ^^
Image

Post Reply

Return to “Org Redesign”