Infosys.com Website Design – A Post Mortem

infosys website screenshot
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

Ajitesh Kumar

I have been recently working in the area of Data analytics including Data Science and Machine Learning / Deep Learning. I am also passionate about different technologies including programming languages such as Java/JEE, Javascript, Python, R, Julia, etc, and technologies such as Blockchain, mobile computing, cloud-native technologies, application security, cloud computing platforms, big data, etc. I would love to connect with you on Linkedin. Check out my latest book titled as First Principles Thinking: Building winning products using first principles thinking.
Posted in Web. Tagged with .