I am making a website in which the home page will have 5 circles each linking to a category of items (e.g. cities, phones, etc.). The user will click on circle to go to the specific page for that item. These 5 circles are arranged equidistantly on the circumference of a bigger circle
I can think of the following methods to make it, with pros and cons I can think of, but not sure whether my experience is enough to choose the correct option:
A) Create a circle graphics. Place it properly with some programming in CSS on the page.
B) Program everything including circles and their position. Potentially animate them with better effects.
Pros of A) Relatively easy code for others who might join development
Cons of A) Animation and adding other features might need other images, slowing the load time
Pros of B) Easier to add animation and other features with less graphics and load times.
Cons of B) Harder to read and maintain.
Some Example of Animation which I found might be interesting is this: What pros and cons or other methods do you suggest? while I aim to learn whatever method is best, I believe simplicity and elegance is a highly desired goal.