Crisp new website design

Crisp new website design

How the new design came to life

The first design being online for several years and using outdated design, we came up with new design which also was designed in a form of haste. The main idea was to put something fresh and leaving some core principles of design behind.

With the new modern design, using the power of WordPress and creative scheme, we came with the new website shortly after the last one.

Life and colors

Deciding on colors most of the time is quite challenging, deciding on a color and having millions of possible combinations, how do you decide what’s the best for visitors eye? To choose a color palette takes some precious time when you design and create something. Sometimes the colors are harder to work with than the layout itself.

Deciding to go with somewhat dark colors with a mix of soft/light seemed appropriate in our case, even though the colors itself do not exactly match with the logo, although the red and white contrast with the current color palette.

Animations and actions

Everyone likes animations, unless they’re too much and distracting. In our case we decided to go with light and subtle animations, an animation shouldn’t take more than 1 second for its purpose.

 

Speed and performance

Speed is crucial in websites, you don’t want to wait for a website that takes ages to load, especially if you’re in mobile phone, in most cases the users will exit the website if it takes longer than 3-4 seconds to show anything. How does our website performs in real world usage ? A lot of testing was done using the advanced options of Chrome developer tools which has all the necessary tools used for debugging and testing performance.

Time to first byte( TTFB ) is also an important aspect of performance, although this in most of the cases isn’t something that the developer can adjust, it’s host companies who serve website files. TTFB ideally should be somewhere between 100 and 500 milliseconds, although being lower than that is even better.

 

In our case, the first byte received from server takes about 230 ms, which is average for a shared hosting on a good time. After browser receives the first byte and bytes after it, the process of painting starts(rendering the website in user window).

When a web page is loaded, the browser creates a Document Object Model of the page. The browser requests the files and displays them in browser, this process takes about 1.7 seconds for http://interadria-ks.com which is better than 90% of websites loading time (average fully loading time is 6.7 seconds). The number of requests that a website makes is also important for performance and speed.

Over 60% of improvements as shown in the image below (Starting from 24th of January)

 

Hope you enjoyed the read and there’s more to come in near future about Web development and Software in general. [A.R]