Cssfox is my favorite baby and most complex project I ever did working for myself. I started to design the fifth version of the community site April 2016 and finished October 2017 - year and a half! Today is July 27, 2018 and the version is still at the development process.
We started to develop this version at the end of 2017. Oleg saying that it is completely new site, there just one thing that remain untouched, it is the DB, but even the table names was corrected following the changes in the site structure. Hopefully by the end of the summer we will be able to launch the new version of the community portal.
Special thanks to Drew and Oleg for their great and professional work and to my wife Limor for her endless support.
Table of contents:
- Cssfox mark readjustment 2018
- Community mark concept
- Star
- Stamp
- Slogan. Custom lettering
- Favorite Fox certificate
- Wireframes
Visual identity
Cssfox mark readjustment 2018
March 2018
Mark with the final spacing for the icons.
Comparing new and previous versions.
Community mark concept
The mark is a combination of the letter "C" – first letter of the Cssfox name and the word tail (tale).
July 2018
Three circles of the logo represent three étapes of the community awards process – Nominee, Favorite Fox and Winner.
Community mark
Cssfox community of web designers' identity mark mainly in use in combination with logotype and word community. Also will be used as an icon, especially for small sizes.
January 07, 2017
Mark with word community (custom lettering)
In use mainly at the centres of the canvases. Community word use Cssfox's custom type created for the version three of the website.
Realistic illustration of the mark with word community.
Star
January 26, 2017
The star created from the tail-tale part of the community mark. There are some ideas behind the number four, that currently cannot be explained, we are preparing a surprise :)
Tail-tale star construction.
Stamp
January 11, 2017
Realistic illustration of the Cssfox's stamp.
Design process. Selected stamp design options.
Selected icons
Icons for the page statistics section – likes, shares, views and comments.
January 12, 2017
January 13, 2017
Logotype
Illustrator. Creation rules.
Mark, logotype and site description
Realistic illustration of the mark, logotype and custom lettering (Oleg Tserluk).
Slogan. Custom lettering
You Deserve It!
Favorite Fox (FavF) certificate
Realistic illustration of the FavF certificate.
Fox 6 Winner badges set
As strange as it may sound, but the Cssfox jury decided to give the Fox 6 award to the WebTalkTo 9 thus making me the winner on community site I created! This winner badge will be forever features on the WebTalkTo version 9 website.
February 02, 2017
Wireframes
August 2017