[IAEP] Design for a.sl.o and sugarlabs

[Eben Eliason]

On Wed, Mar 4, 2009 at 2:00 PM, Christian Marc Schmidt
<christianmarc at gmail.com> wrote:
> Hi Eben, these look great--very promising, and a nice way to envision
> extending the visual language of the static web site to other Sugar
> Labs microsites. I'll take a closer look at the layout and typographic
> treatments tonight, more soon...

Thanks.

Yes, that's an important goal to work for, and something I kept in
mind while working on this sketch.  In particular, I think that the
use of a single color scheme (matching one of the logo variants) for
each mini-site within the Sugar Labs web presence will give us a
consistent look while individualizing the various parts (git.slo,
dev.slo, activities.slo, etc.).  This seems to refer back nicely to
the main site which employs the whole spectrum of colors, quite
literally, and serves as a portal into these other areas.

- Eben

>
> Christian
>
> On Wed, Mar 4, 2009 at 11:05 AM, Eben Eliason <eben.eliason at gmail.com> wrote:
>> Here are some sketches I have been playing with, for thought and
>> critique.  Nothing's finished, but I was taking some cues from the
>> static site and the comments I mentioned in my earlier post. (I'm sure
>> Christian will still tear it apart. :-P )
>>
>> To your point Tomeu, I realize some of the layout might not be correct
>> given the starting point, but I was working from scratch here based on
>> what I thought would be an optimal experience (I have no proof of such
>> optimality; opinions welcome).  We may have to reorganize as
>> necessary; we'd have to see how flexible the templates and CSS are.
>>
>> - Eben
>>
>>
>> On Wed, Mar 4, 2009 at 10:14 AM, Tomeu Vizoso <tomeu at sugarlabs.org> wrote:
>>> On Wed, Mar 4, 2009 at 16:03, Eben Eliason <eben.eliason at gmail.com> wrote:
>>>> On Wed, Mar 4, 2009 at 5:27 AM, Tomeu Vizoso <tomeu at sugarlabs.org> wrote:
>>>>> Hi Josh,
>>>>>
>>>>> I'm wondering how we can move forward on this. I see two possibilities:
>>>>>
>>>>> - keep insisting to the Design team to give feedback on your mockups
>>>>> and reach an agreement with them after a number if iterations.
>>>>
>>>> Christian and I both gave some feedback on what must have been another
>>>> thread.
>>>
>>> Sorry, I must missed it.
>>>
>>>> I think we should go through a few iterations if we could, to
>>>> bring the wireframe of sorts into a fleshed out design consistent with
>>>> the Sugar Labs web presence.  A few suggestions were: use an official
>>>> Sugar Labs logo and colors; use a solid white background; scratch the
>>>> gradients (which aren't part of our visual language); likewise no
>>>> bevels; and perhaps a design for the content areas that doesn't feel
>>>> quite as "enclosed".
>>>
>>> All those sounds as good suggestions to me.
>>>
>>>> We should also discuss a bit the ways we want the site to work.  I
>>>> know that Josh has been designing to an XO-sized display, but there
>>>> are of course ways to make the page scalable as well, which we might
>>>> consider.  Also, we should talk about the way we want to expose the
>>>> activities.  One approach is shown in the mockup—a single featured
>>>> activity—but I would actually lean toward something that looks a lot
>>>> like the activities page on the static portion of the site, with an
>>>> array of activities with icons and brief one-line descriptions in a
>>>> grid, so that it's easy to jump into any of a number of recently added
>>>> activities right from the home page.
>>>>
>>>> I actually think the static activities page might be a good one to
>>>> build out from in terms of a design, adding components such as search
>>>> fields, category menus, etc.  I'd be happy to find some time to
>>>> iterate on the proposed design add my thoughts into this design space
>>>> over the next week or so.  Perhaps Christian will have insight as
>>>> well.
>>>
>>> Well, what if first we settle on a design that doesn't change much the
>>> structure of the page from the mozilla one and then we talk again
>>> later? Would be good to not need to do many changes to the upstream
>>> code base or we'll have lots of work maintaining and rebasing.
>>>
>>> Regards,
>>>
>>> Tomeu
>>>
>>>> - Eben
>>>>
>>>>
>>>>> - implement your design in activities-devel.sugarlabs.org and ask the
>>>>> community for opinions before applying those changes to production.
>>>>>
>>>>> AFAIK, you will only need to modify two files in order to customize
>>>>> the look of the site:
>>>>>
>>>>> http://git.sugarlabs.org/projects/slo-addons/repos/mainline/blobs/devel/site/app/webroot/css/sugar.css
>>>>>
>>>>> http://git.sugarlabs.org/projects/slo-addons/repos/mainline/blobs/devel/site/app/webroot/img/sprite.png
>>>>>
>>>>> Regards,
>>>>>
>>>>> Tomeu
>>>>>
>>>>> On Thu, Feb 19, 2009 at 17:10, ,Josh williams <joshcwilliams at gmail.com> wrote:
>>>>>> Hi, I'm working on the design of sugar labs add-ons with Mick Weiss.
>>>>>> I've created a mock up at http://sugarlabs.org/go/AddonsPortal/Design
>>>>>> but I've haven't been able to contact anyone on the design team as of
>>>>>> yet. I would also like to volunteer some of my time for other projects.
>>>>>> I'm primarily a front-end designer with XHTML/CSS JavaScript skills, but
>>>>>> I also know some PHP/MySQL and have a background in Linux. I also enjoy
>>>>>> creating icons, so if there are any activities developers that need
>>>>>> icons please contact me. My portfolio is over at http://tucsonlabs.com .
>>>>>>
>>>>>> If you're a member of the design team or have some use for my skills,
>>>>>> please let me know.
>>>>>>
>>>>>> Thanks
>>>>>>
>>>>>> Josh
>>>>>> _______________________________________________
>>>>>> IAEP -- It's An Education Project (not a laptop project!)
>>>>>> IAEP at lists.sugarlabs.org
>>>>>> http://lists.sugarlabs.org/listinfo/iaep
>>>>>>
>>>>> _______________________________________________
>>>>> IAEP -- It's An Education Project (not a laptop project!)
>>>>> IAEP at lists.sugarlabs.org
>>>>> http://lists.sugarlabs.org/listinfo/iaep
>>>>>
>>>>
>>>
>>
>
>
>
> --
> anything at christianmarcschmidt.com
>
> http://www.christianmarcschmidt.com
>
> 917/ 575 0013
>