Categories: Web

Infosys.com Website Design – A Post Mortem

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

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.

Share
Published by
Ajitesh Kumar
Tags: web design

Recent Posts

Large Language Models (LLMs): Four Critical Modeling Stages

Large language models (LLMs) have fundamentally transformed our digital landscape, powering everything from chatbots and…

4 weeks ago

Agentic Workflow Design Patterns Explained with Examples

As Large Language Models (LLMs) evolve into autonomous agents, understanding agentic workflow design patterns has…

4 weeks ago

What is Data Strategy?

In today's data-driven business landscape, organizations are constantly seeking ways to harness the power of…

4 weeks ago

Mathematics Topics for Machine Learning Beginners

In this blog, you would get to know the essential mathematical topics you need to…

2 months ago

Questions to Ask When Thinking Like a Product Leader

This blog represents a list of questions you can ask when thinking like a product…

2 months ago

Three Approaches to Creating AI Agents: Code Examples

AI agents are autonomous systems combining three core components: a reasoning engine (powered by LLM),…

2 months ago