Infosys.com Website Design – A Post Mortem

0
infosys website screenshot

fig: infosys.com 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
Share.

Leave A Reply

Time limit is exhausted. Please reload the CAPTCHA.