Montreal studio of designer Maxim Aginsky
Menu
WebTalkTo v.9 work in progress

WebTalkTo v.9 work in progress

Published December 1st, 2016 by Maxim Aginsky

The first look of the new version was quite different from what you will see as a final version nine.


First part


When I made the decision to upgrade, I already had in mind some of the elements to include or modify in the new design. When I am ready to create a new design for my portfolio I have a very strong feeling of creativity that lets me know I am ready for the changes. So I started to experiment with animations, layout, new logo concepts, typeface and more.


The first part of this post is all about tests and experiments – preparation for the new version. The final output of these tests and experiments, the contents – logo, typeface, colors, how to present the works on the portfolio page – looked like this:

12-the-first-final-version-look

At the same time, I have created an html version (see it here) of this design in progress to test animations and parallax effects I planned to use on the portfolio page, as well as other design aspects.

It is hard to say why I changed my mind and decided not to continue with this concept, but I am guessing that I felt like trying something more elegant and classic that will sell better :) I was in the middle of searching for a new employer.


Ah… I remember now: the main problem was actually the way I planned to show my works – sticking to the left block of solid color creates the effect of continuity from the top to the bottom of the page.


works-sticking-to-the-left-block

Yep! So I put aside these design ideas and started from scratch – or it would probably be more correct to say – I am continuing from where I stopped.


Here are some images that I have saved for myself (… and you) that should show/map the steps my mind went through.

1-working-on-the-new-site-version-for-webtalkto

2-working-on-the-new-site-version-for-webtalkto

3-working-on-the-new-site-version-for-webtalkto

4-screenshot-working-on-the-new-site-version-for-webtalkto

5-realistic-mockup-working-on-the-new-site-version-for-webtalkto

6-screenshot-working-on-the-new-site-version-for-webtalkto

7-screenshot-working-on-the-new-site-version-for-webtalkto

8-realistic-mockup-working-on-the-new-site-version-for-webtalkto

9-screenshot-working-on-the-new-site-version-for-webtalkto

10-website-design-fragment-with-the-logo-working-on-the-new-site-version-for-webtalkto

11-screenshot-working-on-the-new-site-version-for-webtalkto

12-the-first-final-version-look

Logo tests

13-version-one-logo-tests-working-on-the-new-site-version-for-webtalkto

Business card

14-business-card-working-on-the-new-site-version-for-webtalkto

15-business-card-working-on-the-new-site-version-for-webtalkto

15a-webtalkto-v9-business-cards

16-webtalkto-logo-tests-working-on-the-new-site-version-for-webtalkto

Second part

The golden center of the overall composition is going to be the new logos. Nothing really to say :) simply watch what happens.

17-webtalkto-new-logo-illustrator-artboard

18-webtalkto-new-logo-test

19-screenshot-working-on-the-new-site-version-for-webtalkto

20-screenshot-working-on-the-new-site-version-for-webtalkto

21-screenshot-working-on-the-new-site-version-for-webtalkto

22-screenshot-working-on-the-new-site-version-for-webtalkto

23-screenshot-working-on-the-new-site-version-for-webtalkto

24-realistic-mockup-working-on-the-new-site-version-for-webtalkto

25-everything-you-ever-needed-to-be-in-balance

26-realistic-mockup-working-on-the-new-site-version-for-webtalkto

Logo test

27-webtalkto-new-logo-other-logo-versions

Logo guidelines

28-webtalkto-new-logo-guidelines

Intro animation

29-intro-animation-working-on-the-new-site-version-for-webtalkto

30-intro-animation-working-on-the-new-site-version-for-webtalkto

31-intro-screens-realistic-mockup-working-on-the-new-site-version-for-webtalkto

Loading screen

32-loader-with-parallax-working-on-the-new-site-version-for-webtalkto

33-screenshot-working-on-the-new-site-version-for-webtalkto

Footer

34-screenshot-footer-working-on-the-new-site-version-for-webtalkto

Font type for the Blog template titles test

35-blog-screen-working-on-the-new-site-version-for-webtalkto

Footer

36-screenshot-footer-working-on-the-new-site-version-for-webtalkto

All design versions of the site are here


Perfect map of the creative process! Is it not?



// Hot News

Come. Show. Win.

Your website can be the next winner!

Opinions, comments, jury reviews, new friends and customers and much more on Cssfox web designers' community.

Submit your work now
// Hot News
The heart. Logo concept for United States Holocaust Memorial Museum
USHMM branding
It is a challenge for anyone born a significant amount of time after a tragedy (I was born in 1979 - 34 years after the catastrophe) to create a visual symbol for that event which represents the emotions involved. On the other hand, I have a personal connection to the event.
Read the story

Join the Talk

WebTalkTo website design version 9 handcrafted with the greatest care in October 2016.
Find more about other design versions @ Site Design Archive.
Follow us on: