Landing Page Spo-2

Spo, that would be a dazzling idea if we were as free in our design as we are with our homepage. But here we are moving in the context of the old programme body. Therefore we are unfortunately not allowed to cross the red lines (1), and we are also not allowed to choose larger headlines (2). The footer (3) must also remain as it is on the other pages. Otherwise we would create a consistency break in style to all other pages.

I would also not add any further small headings (4) to the individual chapters. The details under picture 3 should not appear as continuous text (5). It is important that every single argument has a separate line.

In addition, the line breaks are unfavourable, which now occur. The legibility suffers. That would be a rather high price to pay for the admittedly pleasing design.

Here's v2: www.ipernity.com/doc/spo/50471106
It is closer to the specs but not quite. I'll try another one.

Here's v3: www.ipernity.com/doc/spo/50471220
It is pretty clear now, but boring and office-like, not at all happy. It could be for a medicine company. It could use some vignet graphics just like Raingirl suggested.

Small chapter headings are the question of wording. In the list below the items need to be answers to the same question, and that question may not fit in the main heading in the bar at the left. The main heading needs to be short and sweet and right to the point.

I agree. Now it could be from a medicine company. But at least it fits into the given width of the old standard layout.

For further development, I think it would be important that you don't leave the edges white, but use the blue default colour, which is given for the visitors:



(btw: The layout is centred on the screen. Obviously Fireshot does not really take the pixels out of the graphics card, but fetches the image information in a different way, whereby inaccuracies occur.)

V4 with some Keith Haring in it. www.ipernity.com/doc/spo/50471276
Not quite so medicine-like anymore, but as a downside the coloured bars need to be images now, slowing down the page. Harings cannot be used, of course, this is just a mock-up.

We are getting closer.

What I haven't told you yet, by the way, and what I really like is that if you only read the words in capital letters, the message is very, very clear.

What you get: Performance and autonomy.

This in connection with the Rolls Royce shown here is indeed highly appreciated. But this is the way advertising works.

I am also adding the blue side stripes to Laura's proposal. Otherwise they cannot be compared fairly.

And then something else: The choice of words for the individual sentences still needs to be worked on. This is also a kind of design process. In addition, we still have to think about which points we want to put into the overview and what will be included in the detailed description.

Under no circumstances should we put more than 5 arguments in the overview. Otherwise we will strain the visitors too much.

V5 with rotated rectangles: www.ipernity.com/doc/spo/50471484
It is much livelier and less official-looking now, and the message is slightly clearer with the rectanges "pointing" towards the start of chapter texts.

Rectangles can be rotated with css transform property.