I am designing a portfolio page which is showcasing the list photographs. Below are the blue print and doubts.

enter image description here


  • How the user will know the portfolio items have a description on the hover states?. Do I need to put any hint for the same?.
  • In mobile devices don't have the mouse over concept. So how can I represent the same idea (To replace the hover state) in the mobile design.

Thanks in Advanced

  • hover effects on touch screen is a much discussed topic. +1 for that question. Try this link and this link. – Varun Nair Mar 16 '16 at 12:19

My Suggestion shown below.

On Desktop


download bmml source – Wireframes created with Balsamiq Mockups

On Mobile

User tend to scroll more on mobile devices especially if you are designing for a blog/static site. You probably want to show everything instead of hiding and making user tap on individual photos. I would say just place a truncated description below the photo. The user can click to read more if they are interested.


download bmml source


| improve this answer | |

Not the answer you're looking for? Browse other questions tagged or ask your own question.