Pension Consulting responsive website

2015

The task was to update the look of existing website. The old version http://p-a-c.ru/ eventually got outdated in terms of visual perception & content relevance. This is how it used to look (12 nov 2015):

The client is impressed by the following websites below & wants to receive a similar result:

There were no specific guideliness for color palette or font usage. The only request was to keep the current logo. Later on the client asked to stick to the sea/green color scheme. So, here’s the first attempt to visualise client’s requests.

The client was somewhat satisified, but wanted to see more detailed images at this point. Although the new text content was not provided by the client at that time, I still decided to create a more detailed prototype of a few pages in order to finalize the color scheme & overall style. So, I designed a few pages with various color schemes for the client to choose from. Also created a full height home page design as well.

The client approved the suggested style, so I moved on with remaining pages. At the same time the client sends over a final structure/sitemap document, which helps with further design work.

At some point I suggested to simplify the look and make it minimalistic, by getting rid of colored header:

But the client disagrees and wants to keep the color. So, more pages are designed:

There was only one thing, that was not changed — the logo. Thus, I suggested to have new logo designed along with the website. Since the current logo is so simple, why not have it redesined using the same font? Here are a few possible variations:

That seems too redical for the client, so the suggestion was denied. The old logo has to be kept and get more attention.

That seems too redical for the client, so the suggestion was denied. The old logo has to be kept and get more attention.

The work resumes.

The project is almost complete, client is fully satisified with the result. The only thing left is the mobile view of the website. Although I use mobile-first approach when starting a new project, the client did not want to take that path, because most of his website visitors are using desktop. Thus, I had to start with desktop layouts and then move to mobile.

Here’s a short recoring of the desktop to mobile layout workflow:

Please take a look at the html/css version available here http://dev.eski.mobi/pac.ru/