SiLink.net v1

Vision

The idea behind SiLink.net was for me to put all the services I offer into one place. In the past most of my services were done via word of mouth or on other websites which advertise my services. A lot of my business comes through designing websites, and after spending many years visiting other companies which offer web design services, I knew how over crowded and over complicated they could be. With that in mind,  I thought it was time to build a place to show off everything I can offer whilst keeping it simple and to the point.

Development

Logo

The image to the left of the text was inspired from the structure of DNA, which is in the region of 99.9% identical among human beings in its coding, like every website out there, but the difference of 0.1% is all it takes to create a completely unique human being. Every website works exactly the same as this one, with the exception of the coding written for it which lays on top of its structure. The design of the logo is very simple, to match the layout of the website.

logo

Website Design

After I established what I wanted from the website, I began coding mock up designs until I was satisfied with what you see here today. It had to be simple and easy to navigate around without confusing the user too much. As the design process went on, it quickly became apparent to me that mine did not look like a conventional website that offers the services that I do, which I saw as a good thing in order to stand out from the crowd. The navigation bar was originally going to be entirely black, but after playing with colours, I decided to try the colour spectrum, which fit into place really nicely alongside the sky blue header. I wanted to keep the area below the navigation greyscale so opted for grey sides, a completely white content area and a black footer.

Palette

Layout

#e94e46
#e37c20
#f6bd42
#25c359
#3dbfdf
#b562e4
#dbedf5
#3d3d3d
#f2f2f2
#ffffff

Text

#3d3d3d
#ffffff
#156dad
#70b4e6
#389be3

Fonts

  • Kite One – Logo, H1 Headings and subheadings
  • Open Sans – Navigation, paragraphs and H2/H3 Headings