Website Design – A Post Mortem

infosys website screenshot

fig: website screenshot

This article represents some of the libraries, tools & framework one would want to use to create Infosys style website. Lets first try and re-iterate some of the key striking characteristics:

  1. Responsive
  2. Large fonts, vector icons
  3. Background image slider with diligently selected relevant images

Following are some of the tools (libraries) & technologies (programming languages etc) that can be used to achieve some of the above:

  1. .NET programming language: The website is created with .NET programming language.
  2. Font Awesome 4.0.3: Font awesome is used for vector iconsfound at several places on the website.
  3. Fotorama image slider: The image sliders on homepage and various other pages is empowered by fotorama.js.
  4. Webtrends:  Looks like the website is using Webtrends for digital analytics.
  5. Video.js: Also, known as HTML5 video player, Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. Using video.js can improve video performance by not requiring a second application (a plugin) to be running, and opens the door to creating interactions between video and other elements on the page that hasn’t been possible before.


Ajitesh Kumar

Leave A Reply

Time limit is exhausted. Please reload the CAPTCHA.