Removing the arty bits

Feedback from readers indicating that the first design had a couple of arty farty style elements that could be removed to improve the look. I requested this from the designer along with a need to improve the header area. Here are the two designs that resulted.

Variation 1
Variation 2

Although an improvement I think both designs are not quite right and so I asked for the header to be worked on again in order to make the logo feel more integrated with the header area.

The Finale

The end result of the cycle is the following final design that I want to run with.

Variation 2

I think this creates a professional feel with a little design flair mixed in. Remember that our controls are going to be at the premium end of the market and so a good professional site is essential. But not just a standard plain site because the components biggest selling point is how great they make your applications look. So we need to show some flair and creativity in the website itself.

Next Step

At this point the design is just a high resolution picture. The next step is to turn the picture into an actual HTML template that can be used to generate pages as needed.

If you’re a web programmer and feel up to the task then let me know, I am willing to pay a sensible amount for a professional to do that work.

First Up

After almost a week we only have one design concept submitted so far on the Design Outpost website. But I did have a few others say they were interested in putting together an idea so I hope there will be others to look at soon.

Here is a reduced size version of the design…

Ok, so you cannot see much from there. Use the following link to see the full sized image.

Click Here!

Feedback

Personally I really like the design and with a couple of tweaks think it would be perfectly fine as the actual site template. But do you have other ideas? Does it look too arty and not commercial enough?

Time for a Website

I think the time is right to get an initial website up and working. Although I do not have anything in the way of interesting content as yet, once I have a beta version of the free controls ready then I need the website ready to go.

Initially I can place a few screenshots of the work in progress and provide subscription to a notification email list. I intend to give away the basic toolkit of controls for free and so the email list can be used to notify people each time a new release is available.

At the moment I am only building the free controls so all the stuff you are seeing get created will be available for free at some point in the future. Once it reaches a point where there is enough to make a small library, I will package it up and add some documentation.

Design Outpost

When I had the company logo created I used the Guru.com website. This worked out well and I had some feedback from readers that another good design site is Design Outpost. So this time around I will give them a chance and see how it works out.

I posted the project on the templates forum last night so you can see and follow the design contest directly if you like. Alternatively you can wait and read the results on this blog as events transpire.

Looking at the design process on the site it does seem quite a slow process so it might be a week before we have any initial designs to start evaluating. Another potential weakness of the site is that you might only get a single designer offer an initial sketch. Really I would prefer to have a handful of different ideas and then I can pull the best bits from them all in order to create something appropriate.

Only time will tell.

Delayed

I have been a bit delayed in my development efforts over the last week. Last week was very busy in the day job and so by the time I got home I was too tired out to get much done. Luckily I managed to pull myself together at the weekend and spent most of Sunday getting back into the flow of things.

HeaderGroup Control

At the end of my last coding update I mentioned the next chunk of work was creating a HeaderGroup control. This is a combination of the existing Group and Header controls that having already been bagged.

I managed to get this 90% complete and so here is a look at the control with the usual Office Professional appearance.

As you can see the control consists of two Header instances that default to showing at the top and bottom of the control. You can of course alter the position of these headers to be on the left or right or even have both on the same edge if required.

If you imagine placing your own content in the center then you can quickly make use of this to organize the sections of your application. You might place a tree control or list box inside to achieve a similar arrangement to that of Microsoft Office.

Overlay

In order to make the control more flexible in the different appearances that can be achieved, I have added the ability to specify if the headers appear under or over the border area.

The controls below have been setup in exactly the same way except the left control has the Overlay property set at false and the right control set to true.

Personally I prefer the one of the left but you can imagine making use of both options to achieve nice looking group setups.

Padding

Another useful capability is being able to alter the padding space around each of the header instances. Instead of having the headers always flush against the edges of the control area you can indent them.

Here is an example I quickly created by using gradient color effects combined with pushing the headers inside a little. This creates a little whitespace between the header and the main control border. Altering the font as well gives quite a different feel to the examples above but all achieved by changing just a few simple properties.

Next Step

The only work left to do on this control is correctly providing the rectangle of the client area in the middle of the control. This is needed so that when the user drops a child control onto the group it will position itself neatly in the appropriate location.

Fingers crossed I will find a little more time in the evenings to get this sorted out soon.