Shop Mobile More Submit  Join Login
Inkscape.org redesign by duckgoesoink Inkscape.org redesign by duckgoesoink
[UPDATE] Didn't realize people were viewing this. I've now uploaded some of the other pages I'm working on so people can see how it's going / give feedback (please be nice!). :-)

[UPDATE] An example of a downloads page is here.

[UPDATE] An example of the design with featured artwork inserted is here.

This is my submission to the Inkscape Call for Designs. It's based on the old layout I did last time, but brought up to standard with today's trends.

  1. The colour scheme was chosen to allow featured artwork to stand out regardless of the colours used in the composition (featured artwork could be chosen from a monthly illustration contest). The colour scheme is however open to change.

  2. The feature section was designed as a content slider, so that when the icons below are hovered/clicked, the feature section fades in relevant text, background images and buttons. It is designed to give new users a quick idea of what Inkscape is, what it can do, where to get it, and how to use it.

  3. Content below the feature section is dummy content (I assume it would be dynamic widget-type content loaded by a CMS - introductions to content elsewhere on the site).

  4. A drop-down navigation system keeps the navigation clean and uncluttered. The sample links are based on the content outline here. A prominent "Donate" button was included to make it easy to support the Inkscape project.

  5. The overall design is meant to appeal to hobbyist and professional users, without being too masculine or too feminine. (The 2D illustration sector is not necessarily as masculine as the 3D illustration sector, so the Blender.org analysis on "the typical blender user" may not apply.)

The design would be relatively easy and lightweight to implement - the gradients and rounded corners could be done in CSS, with non-CSS3-compliant browsers simply getting flat-colours and/or square-corners. jQuery (or other) plugins would allow the dynamic feature section, language switcher [link] and login [link]
I would be willing to make changes based on requirements, usability, content, etc.

Wow! What a huge description. Clarity is everything I guess.
Add a Comment:
 
:iconrajasegar:
rajasegar Featured By Owner Feb 13, 2011  Hobbyist Digital Artist
really cool
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Feb 22, 2011
Thank you!
Reply
:iconsyntanjey:
syntanjey Featured By Owner Jan 28, 2011
why it is black? someone died? inkscape died? inkscape is a application for drawing negative things? good typo in this design, but colour is wrong imho (((
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Feb 22, 2011
Hehe, woah yeah I didn't know black meant dead. :-) The colour scheme is meant to allow the featured artwork to stand out without getting in the way. Plus it's mostly white actually...
Reply
:iconoxygenius:
oxygenius Featured By Owner Jan 25, 2011  Professional General Artist
I'd suggest using the jQuery Corner plugin instead ([link]), because it offers fall-back to browser native corner rendering, if available. And if not, it fixes that CSS 3-not-available-problem quite good ;)

cu, w0lf.
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Feb 22, 2011
Thanks for the suggestion. I'll let the site developers mull over it. :-)
Reply
:iconcvillaco:
cvillaco Featured By Owner Jan 23, 2011
I'm surprised the designer is opting for CSS3 rounded corners without a fallback for older browsers.

It would be relatively easy to implement a conditional stylesheet to at least accommodate users on windows xp and vista accessing the site through their systems default browser Internet explorer. The conditional statement would only affect IE users without CSS3 technology. Using background position and css sprites for just the corners would only affect loading for those users, and I imagine the impact would also be minimal.

I like the current site a lot actually. This is a nice design too, congrats on working on such a great project.
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Feb 22, 2011
Yeah it's easy enough to include conditional stylesheets but personally I don't really think it's necessary - the round corners aren't 100% essential, and people who don't have them won't miss them. Square corners don't look so bad! :-)

But no one said the design HAS to be implemented in CSS3 - the web site development team can pretty much take their pick of methods.
Reply
:icontkr101010:
TKR101010 Featured By Owner Jan 23, 2011
Looks good :)
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Feb 22, 2011
Thank you!
Reply
:iconshanesemler:
shanesemler Featured By Owner Jan 11, 2011  Professional Digital Artist
Very nice! This is will be a big improvement over the current design. Now if only Blender would pay attention.
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Feb 22, 2011
Thanks! I think Blender's site is OK, but could be easily improved. Maybe they should read the Blender Guru article.
Reply
:iconshanesemler:
shanesemler Featured By Owner Feb 22, 2011  Professional Digital Artist
That what I was referring to in an indirect manner. ;)
Reply
:iconzilekondic:
zilekondic Featured By Owner Jan 10, 2011  Professional General Artist
Definitely a BIG improvement over the current one. Awesome software like Inkscape needs a website that can compete in awesomeness too xD This is nothing special in technical terms, but it will do the job fantastically. Great job.
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Feb 22, 2011
Thanks! I think it'll help people find what they're looking for on the website. The current one is a bit messy IMO. :-)
Reply
:icongamerworld14:
GamerWorld14 Featured By Owner Jan 7, 2011  Student Interface Designer
This mockup looks great. :D
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Feb 22, 2011
Thank you. :-)
Reply
:icongamerworld14:
GamerWorld14 Featured By Owner Feb 23, 2011  Student Interface Designer
you're welcome. :D
Reply
:iconxsst4:
xsst4 Featured By Owner Dec 11, 2010
perfect thanks we will definantly be in contact!!!
Reply
:iconxsst4:
xsst4 Featured By Owner Dec 10, 2010
sorry, the style switcher probably isn't the best idea the more I think about it....
As for the branding strategy, I'm not sure exactly what you mean by "branding" I understand the current site is a mess and inconsistent, which is what we're attempting to change with this new one. If you have a proposal on how this branding strategy would look feel free to present, and I'm aware of what you're saying that it would strictly be an "example"
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Dec 11, 2010
As requested, here is a sample downloads page. It's designed primarily for new users, featuring the stable, packaged releases as the main downloads. [link]
Keep in mind it's an example only.

Concerning branding strategy, I think it would be better to discuss that somewhere more appropriate. I'll look into the hijacking the developer's IRC and mailing list (I'm by no means a developer, so it feels strange to be there).
Reply
:iconxsst4:
xsst4 Featured By Owner Dec 9, 2010
can you do a mockup of a "downloads" page? or a "news" page? Also so far you have a good chance... unless something Absolutely amazing comes along... wich I doubt anything better will be coming along... just noteif this is used, it may be "variations" of the color.... or various colors that a user can "set"
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Dec 9, 2010
Hi! Thanks for the feedback btw.

OK, I will try and get another mockup done within the next few days - although as the content is yet to be properly defined, the mockup would serve solely as an example.

So there would be a style-switcher built into the site? That could be interesting (although perhaps a little gimmicky?).

I think there is a need for a discussion on branding strategy and consistency. See comments here - [link] - It would help to project an image of quality in the eyes of new users (as well as existing users). Inkscape already has a logo, but branding is more than that.

Cheers :-)
Reply
:iconxsst4:
xsst4 Featured By Owner Dec 7, 2010
Wow you always seem to impress with your designs glad we were able to locate you! Here's a couple things I'd like to see tweaked a little. I'd like to see a little more emphasis on "News" if you're able to do that? Also are you able to show us what a content page would look like? Thanks Also should we need you are you able to reproduce this in HTML/CSS3? Thanks!
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Dec 8, 2010
Hi! I am more than willing to tweak the design - however, as the decision on who's design is to be used as a base for development has not yet been made, I feel that it may be unwise to invest too much time into it as yet. Also, I think that design refinements in collaboration with the UI team would ensure that changes reflect the project requirements and the demands of the target audience.

As for an example content page, this would depend entirely on the type of content any particular page has - a gallery page would obviously have a different layout to a documentation page, or a downloads page, or a news page. I'd imagine that most pages would have a main content area, and a sidebar with secondary content loaded from the CMS. The header (logo, login, search, navigation) and footer would remain constant throughout the site.

If needed I could produce an HTMLM/CSS prototype for integration - but maybe not within the timeframe the developers require (the holiday season is creeping up).

Cheers :-)
Reply
:iconduckgoesoink:
duckgoesoink Featured By Owner Dec 8, 2010
Why can't you edit comments on here? Typo: I meant to say HTML/CSS.
Reply
Add a Comment:
 
×




Details

Submitted on
December 7, 2010
Image Size
284 KB
Resolution
1020×1230
Link
Thumb
Embed

Stats

Views
11,551
Favourites
9 (who?)
Comments
26
×