In the spirit of modularity, I want to create a webpage where someone can pick and choose CSS robot parts which will then assemble. It’s at its early stage - so far I’ve only done one part, which is a samurai-themed head.
What I’m having trouble with is designing the interface for the user to pick out a part. I feel like I could do just about anything once I’ve committed to a design, but I’m drawing a blank on what would look ‘cool’ - what colors to use, icons maybe, or making the tabs have different parts.
Interactivity-wise, I want tabs that open up and then container carousels for different parts. Ideally this functionality will transfer to smaller screens, but I anticipate that I’ll create an entirely different interface for mobile.
Here’s my current design for the tabs: https://codepen.io/jx2bandito/pen/PJjgop
If anyone has any design tips, it would be greatly appreciated.
Project Page where the tabs will go: https://jx2bandito.github.io/robotBuilder/
Thanks in advance