Web Designers Sharing Point

Today I have found a super interesting topic within Cameron Moll’s blog.
So I would like to make my contribution to the topic:

I understand like “skinnable” a web site that can change the way it looks for whatever the designer wishes. I also would like to include in the concept the ability to be friendly to inexperienced users.

Together with Boris Gomiunik we have been working for more than 4 years with SharePoint. We don’t like to call ourselves “developers” because we are not and for sure we are not graphic designers. But we are very creative and curious. And I think we achieved some kind of interesting product out of WSS.

Actually this Blog is made to offer web designers the opportunity to use SharePoint like CMS. Designers can make their web design, CSS and we can add the WSS on the back. For me that sounds like a good stuff but anyway please let me know your opinion.

Here some screenshots of what we have achieved:

You can find the page in www.e-sejem.si, it is in Slovenian language. It was developed using an open source template and CSS. The site is not finished but it already uses 100% the skin developed by Nodethirtythree. And of course it uses the great RSS functionality of WSS and the CMS we have developed.

Once the user logs in to the site some additional controls will be displayed, UREDI means Edit and SLIKE means Picture.

The most interesting thing is that after clicking on “Uredi besedilo” or “edit text” is that the users will be able to edit in the same page. It works in IE, Firefox and Safari. But only IE includes the rich text editing (for the moment).

not only the texts can be edited, also the menu and navigation bar, banners, etc.

We still need to work more on making even easier to understand but that is not a design or development issue at this point is more on finding the right texts and positions for the editing buttons.

And something else that I found great is that we could add pictures from the same Image Gallery of WSS directly on the editable area:

It is just needed to click on the thumbnail and specify the rest of the characteristics, like position, link and target, border, name and size.

I will be working on making a more complete guide, maybe in a short video to make it even simpler. In the mean time if you have some comments or questions just post a comment.