SharePoint 2013 HomePage customization

Question

I am looking to hear development options for below requirement. I need to create Homepage for the company as shown in the image. The Body of the page contains various images with there hyper links typically when user clicks on icon it will navigate to respective page. The source of this information will managed in SharePoint list with images and its URL.

Development Options: I am of the opinion creating visual web part will solve the requirement. I would like to listen if there any other options typically using client side object model.

Environment is SharePoint 2013 on premise.

Thanks in Advance.

Answer 1

I would use a content editor web part attached to a text document hosting HTML to get you where you need to be. You can create a list and use SOAP to connect to the list to automate the display through REST.

If this is something that isn't going to change often I would go the route of using a content editor web part CEWP to host text document with HTML.

There is no reason to customize the Masterpage to complete this.

Answer 2

Add on column in your list which categorize your links. Prepare a text file which contains HTML "div" tags according to your categories and register your javascript file in this text file. The javascript file contains logic to bind your "div" tags using REST API calls or SPServices or ClientContext and place this file in your Site Assets library. Add a CEWP in your Home page and attach your text file in it.