Brief overview: making a portfolio for game design, have three seperate categories with 4-5 individual projects under each. Home page has general links and links that segues the user into one of these categories.
My question is how to best group several individual projects (each consisting of one-two paragraphs, a photo slideshow, and a title image) on a single page.
Initially I just stuck all the projects on one page and was planning on styling to visually separate the projects -- but I was afraid it was too much scrolling. So I'm wondering if making the user click on a title image to expand the project info (animated via jQuery) a bad idea?
Or asked differently, is it intuitive to click on a image if there's nothing else on the page?
On Desktop, I had planned to have a mouse-hover state for changing the opacity and revealing text for each title image ("More info" or "(I)" icon)...but then I realized I have no clue how to handle this on mobile.
I'd also prefer not to create separate pages for each project as there isn't enough information to warrant the back-and-forward clicking.