EverWeb ThemeKit
1 The ThemeKit Unit widgets are for providing components to create more advanced features with the main objective being to make the visitor experience more unique.
A professional class website designs needs to break away from the norm to allow it to stand out. This requires creating little features that are not seen elsewhere.
Most website animations occur on hover or when the animated item appears in the viewport.
On scroll animation are more suitable for use on phones and are less likely to effect those with motion sensitivity.
Scroller
These animations start when the item appears in the viewport and continue on page scroll until the reveal is completed.
2 The home page MUST download in under 2 seconds on ALL devices otherwise up to 60% of visitors will go elsewhere.
Google PageSpeed Insights
A responsive website needs to score over 90 in the Google PageSpeed Insights test for both the desktop and the mobile versions.
Follow the link below for more info.
Simulator
Insert the EverWeb ThemeKit Simulator widget in the projects file to quickly test the appearance on mobile phones.
3 Website navigation has changed a lot in view of the fact that over 600% of visitors are likely to be using touch devices.Research has shown that the navigation needs to be vertical for best results with click through to other pages. Avoid using a horizontal navigation. Navigation with drop downs for directories confuses many visitors and should be avoided.
Use a separate menu for navigating sections on larger websites.
Mobile Menu
On mobile touch devices the navigation action tab must be in the bottom half of the device screen for a superior visitor experience.
Navigation Types
The hero nav at the top of this page is ideal for a small site or for a section navigation.
Follow the links below to see two types of navigation suitable for responsive web pages.
4 Those large footers stuffed with hard to find and read info have no place on a website that will be viewed on small mobile devices. Replace then with a footer bar and a link to an "Info" page.
Footer Bar
The show/hide footer bar is always easily accessible and has a link which can be used to open the home or an info page.
The optional phone icon shows the phone number on hover and switches to a phone function on mobile phones.
The spam protected email function is follow by the smooth scroll to the top function which is essential for small mobile device users.
