Website Design: Vimadev

To welcome the first day of Spring, I’ve been following along with excitement as Victor established his website, vimadev.com. Few past weeks, we both working on IT service website. While he is dealing with technical and programming stuff, my responsibility is designing website interfaces and all graphic elements. And also contributing in creative solutions regarding visual interface and user experience. 

Vimadev

This is a web and system services website building by Victor, featured with his profile, skill and education, and online portfolio. This particular design incorporates the HTML and CSS in a simple and flexible way. Victor found a way to adjust the layout automatically adaptable in any template. Either small version for mobile screen or large desktop size.  He proved to me that coding can be so much fun!

We decided keyboard is perfect to resemble what this website is about. I bring this idea into the design of icons.

Essentials icons

Wiki

Wiki is one of sub content of vimadev.com. Basically, it is a server software, used to build hierarchical content archives. Victor wanted to keep the hierarchy consistent with current wiki media. However,I always find abundant possibilities to explore creativity in design.

Here's little look at first draft:

Regex

Another sub content of vimadev.com, Regex is a regular expression tester, built to help developer test the syntax. It was programmed in PHP, HTML5, Javascript and CSS3.

Scarlet red and black color pallette