Volunteer Task - Community Education Portal Design

[emmairwin]

Community Education Portal Design

We need to bring the Education Portal into design standards. Before we invest in LESS/CSS changes, it would be good to have a design mockup to work from.

http://education.mozilla-community.org/

Prerequisites

None, but assume you have comfort creating mockups/wireframes and have talent and personal interest in design.

Participation Steps

1. Check out the Education Portal, and the Mozilla Style Guide.
2. If you are interested in proposing a mockup, leave your name here so we avoid duplication of work (basically, if someone else is working on this, you can collaborate vrs working alone :)
3. Submit your mockup here, if it's complete then it will be accepted and we will proceed with implementing it!

[yofiesetiawan]

Hi Emma,

I'm interested to submit mockup, but it will take sometime to do it...

[emmairwin]

Thansk @yofiesetiawan appreciate your time and interest! Do you want to have a chat first? Or just ping me when you have questions?

[yofiesetiawan]

Hi @emmairwin i would say, right now, we will need for logo design as well (first), which we expect Elio will help us on that. But while waiting for logo, i can start working on designing wireframe, will let you know when i already come up with result on this..

[yofiesetiawan]

Hi @emmairwin i've made a mockup for homepage, i consider to use smaller width for this site, since we have sort of little contents, so using wide kind of layout wouldn't be wise.

I've created a project on marvelapp, but i'll also share preview here...

https://marvelapp.com/5ef7j3

[emmairwin]

@yofiesetiawan this is AMAZING , I will circulate it a bit for feedback but I have one question. Since most of the content will be curriculum ie: http://education.mozilla-community.org/modules/participation_design_thinking/workshop_preparation/ Do you still think narrow fits, that width? Or maybe when we do this, the side menu should be collapsible?

[yofiesetiawan]

Hi @emmairwin i'm proposing something like this for inside pages.

[Mte90]

Little idea, add the social share button for improve the promotion?
The mockup is amazing :-D

[yofiesetiawan]

@Mte90 Thanks! there would be 2 kind of social share, to the content detail page, and to share the site main url? or just the share button for the site main url?

[Mte90]

I think that in the content detail page is better for share the focused content.

[yofiesetiawan]

This is an alternative for background, with contributors...

[emmairwin]

Inside page LOVE. seriously this is so great. I'm torn on the contributor background, on one side I like how it feels - but worry it would be too busy? Others?

[yofiesetiawan]

Apply the new logo design from Elio...