Redesign of Synfig Website

Discuss Synfig related news
Zelgadis
Site Admin
Posts: 958
Joined: Thu Jan 10, 2008 2:16 am
Location: Russia
Contact:

Redesign of Synfig Website

Postby Zelgadis » Tue Oct 19, 2010 1:36 am

Hi, everyone!

As some of you may know, I'm working on the reorganization of synfig website. The work plan can be found here: http://synfig.org/wiki/Dev:Roadmap#Web_ ... ganization
It's started a long time ago and a lot of work still have to be done.

At this point I have prepared a new cms and started to move old content from current site there.
The important step is website theme. I want all website modules (cms, wiki, forums, etc) to have the same design. Currently I'm working on the theme mockup. Here's the first results (WIP):
design-3.png


I have used the mray's splash entry (viewtopic.php?p=5409#p5409) as the base for the heading. I'm using synfig to create mockup, so it's easy to make changes at this stages. After the mockup will be done I will start implementing it in html/php for cms, wiki and forums (in respective order).
Cheers!
Morevna project:
Recently completed tasks: Demo released
Top priority tasks: Synfig Development, Website reorganization

User avatar
Genete
Site Admin
Posts: 4871
Joined: Sat Dec 01, 2007 6:26 am
Location: Spain

Re: Redesign of Synfig Website

Postby Genete » Tue Oct 19, 2010 2:36 am

It look quite good!!
Please keep us informed on any further development! :)

-G
Synfig needs your help!
Developers, packagers, bug testers, translators, artists, web developers, wiki writers... you can contribute! :D

H13N.H3N
Posts: 187
Joined: Fri Aug 21, 2009 3:39 am
Location: ♥ Oblivion! ♥

Re: Redesign of Synfig Website

Postby H13N.H3N » Tue Oct 19, 2010 2:54 am

hey, it's pretty nice, very simple but appealing, good work!
Image

User avatar
rylleman
Site Admin
Posts: 740
Joined: Wed Jan 21, 2009 2:36 pm
Location: Sweden.
Contact:

Re: Redesign of Synfig Website

Postby rylleman » Tue Oct 19, 2010 3:04 pm

Very nice looking!

nikitakit
Site Admin
Posts: 218
Joined: Mon Feb 16, 2009 5:19 pm

Re: Redesign of Synfig Website

Postby nikitakit » Tue Oct 19, 2010 5:08 pm

Yes, great work!

User avatar
pixelgeek
Site Admin
Posts: 988
Joined: Sat Dec 01, 2007 7:23 pm
Location: West Coast USA

Re: Redesign of Synfig Website

Postby pixelgeek » Wed Oct 20, 2010 12:09 am

Very smart - and kudos for twittering it too!

User avatar
berteh
Posts: 245
Joined: Sun Aug 16, 2009 12:09 pm
Location: Belgium

Re: Redesign of Synfig Website

Postby berteh » Wed Oct 20, 2010 7:20 am

looks neat. thanks.
do you plan to support multi-language website? I think it's a + and would be sorry to so it dropped.
B.

Zelgadis
Site Admin
Posts: 958
Joined: Thu Jan 10, 2008 2:16 am
Location: Russia
Contact:

Re: Redesign of Synfig Website

Postby Zelgadis » Wed Oct 20, 2010 8:52 am

Thanks to everyone for the feedback. Many thanks to mray for his entry to splash screen challenge - it's really makes website look good.

Here's next WIP:
design-4.png


Notice the random quote in the top-right. Click on the slash on the sidebar guides to the Release Notes page and green Download button - to the download To be honest I want green download button to have more glossy look. Maybe someone can help me to modify it. Also I want a special widget to display random pick from the gallery. And link "View more..." to allow user to jump to gallery browse.
@berteh:
Thank you for reminding me that. I guess there should be language bar somewhere. similar to one that wiki have.
Morevna project:
Recently completed tasks: Demo released
Top priority tasks: Synfig Development, Website reorganization

Zelgadis
Site Admin
Posts: 958
Joined: Thu Jan 10, 2008 2:16 am
Location: Russia
Contact:

Re: Redesign of Synfig Website

Postby Zelgadis » Wed Oct 20, 2010 10:22 am

Next one:
design-5.png

Showcase is a place to show cool gallery entries as interactive slideshow.
I don't like it, because of too much graphic content in the area of Showcase and Current Version.

The alternative one:
design-6.png
Morevna project:
Recently completed tasks: Demo released
Top priority tasks: Synfig Development, Website reorganization

H13N.H3N
Posts: 187
Joined: Fri Aug 21, 2009 3:39 am
Location: ♥ Oblivion! ♥

Re: Redesign of Synfig Website

Postby H13N.H3N » Wed Oct 20, 2010 10:36 am

Zelgadis wrote:The alternative one:
design-6.png

i like more this one, having a little taste of the work below download keeps the page clean and organized, i'm looking at the page and i feel that 'something' is missing, i can't tell at all what can that missing thing be, maybe a short preview of th latest post on forums (no idea how this works, but i've seen in it in other sites) or one little useless widget, a clock or something
Image

User avatar
Genete
Site Admin
Posts: 4871
Joined: Sat Dec 01, 2007 6:26 am
Location: Spain

Re: Redesign of Synfig Website

Postby Genete » Wed Oct 20, 2010 11:41 am

The design of the front page is great in any of its versions. I would just add that the current section where the user is, were highlighted (maybe other color) on the section header, so when visiting the Documentation area the user would notice it because the documentation word in the top bar would be highlighted. Also take account that when the user selects other section than "Home" there probably would be one or more sub headers to navigate in the same section: i.e. Documentation> User, Devel, Writer. So there should be some space there or taken account that the space should be later there.
Thinking on it, we should take account also that current wiki is not designed with fixed width and that the integrated website design is. Something would be needed to adapt.

...just some random thoughts about the things that are coming up ;)
-G
Synfig needs your help!
Developers, packagers, bug testers, translators, artists, web developers, wiki writers... you can contribute! :D

Zelgadis
Site Admin
Posts: 958
Joined: Thu Jan 10, 2008 2:16 am
Location: Russia
Contact:

Re: Redesign of Synfig Website

Postby Zelgadis » Fri Oct 22, 2010 1:09 pm

Genete wrote:The design of the front page is great in any of its versions.

I agree. Also, when looking at the 1:1 scale the first version is not looking that bad to me. Anyway, it is possible to change blocks positions on the cms level anytime.

Genete wrote:I would just add that the current section where the user is, were highlighted (maybe other color) on the section header, so when visiting the Documentation area the user would notice it because the documentation word in the top bar would be highlighted.

I thought about that too, but adding highlight with the color makes top bar look less stylish for my taste. I will post example later so you cat judge yourself.

Genete wrote:Also take account that when the user selects other section than "Home" there probably would be one or more sub headers to navigate in the same section: i.e. Documentation> User, Devel, Writer. So there should be some space there or taken account that the space should be later there.

Sure. I have idea how to make that. Will provide examples for pages other than main.

Genete wrote:Thinking on it, we should take account also that current wiki is not designed with fixed width and that the integrated website design is. Something would be needed to adapt.

Wiki theme will be completely rewritten to correspond main cms theme.

Here's work in progress so far:
design-8.png
Morevna project:
Recently completed tasks: Demo released
Top priority tasks: Synfig Development, Website reorganization

Zelgadis
Site Admin
Posts: 958
Joined: Thu Jan 10, 2008 2:16 am
Location: Russia
Contact:

Re: Redesign of Synfig Website

Postby Zelgadis » Sat Nov 06, 2010 10:59 am

While the theme mockup sent to designers for review, here's small video about new engine of the website:
http://www.youtube.com/watch?v=b1-pYkmDkF0

I guess this is mainly interest of the website admins. ^_^
Morevna project:
Recently completed tasks: Demo released
Top priority tasks: Synfig Development, Website reorganization

Zelgadis
Site Admin
Posts: 958
Joined: Thu Jan 10, 2008 2:16 am
Location: Russia
Contact:

Re: Redesign of Synfig Website

Postby Zelgadis » Wed Nov 17, 2010 9:48 am

OK, here's the sample layouts for various pages:

design-svg-main.png
design-svg-download.png
design-svg-release-notes.png
design-svg-wiki.png


I think that's enough. Starting implementing design in html/php...
Morevna project:
Recently completed tasks: Demo released
Top priority tasks: Synfig Development, Website reorganization

User avatar
Genete
Site Admin
Posts: 4871
Joined: Sat Dec 01, 2007 6:26 am
Location: Spain

Re: Redesign of Synfig Website

Postby Genete » Wed Nov 17, 2010 11:00 am

Good job Zelgadis!
Synfig needs your help!
Developers, packagers, bug testers, translators, artists, web developers, wiki writers... you can contribute! :D


Return to “Synfig news discussion”

Who is online

Users browsing this forum: No registered users and 1 guest