A responsive website would ensure every visitor a quality experience, to that was pursued. Also, to draw more attention to the newsletter subscription area, SWAT used one of the finest techniques around the web called Parallax. The Parallax effect is when something looks to be in a different position when viewed along different sightlines. SWAT turned this feature off for mobile devices to optimize the website speed .
To ensure the menu was always in reach, the header was positioned at the top. For an even smoother website display, and for those browsers that support it, SWAT used the CSS property position:sticky.
The shop also built a custom field to quickly and easily select images from a library while editing blog posts. The field fetches the images asynchronously and caches them temporarily to optimize performance.
Content editors can easily manage the custom module “Authors” in the Sitefinity backend. The Author has a name, image, summary, biography and link to his/her website or blog. Through another custom field, the content editor can choose an Author while editing a blog post.
To generate more traffic to the Unique main website, SWAT built a custom module called “Unique thoughts.” The content editor can create some Unique thoughts in the backend that will be randomly displayed by a MVC widget, which can be dropped almost everywhere in the website.
The most important MVC widget is the Blog post overview widget. This widget displays, based on the current page URL, the right blog posts. The content editor is able to configure this widget while editing a page. For example it’s possible to specify how many articles are preloaded and how many articles must be fetched when the visitor clicks on the “read more” button.
Almost everything in the front-end can be managed in the backend of Sitefinity. To realize this, SWAT used the Sitefinity API, standard and custom modules and Sitefinity Thunder to create MVC Widgets that display the content, such as blog posts, search results, unique thoughts, popular articles, etc.