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


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