we are developing a Parallax website to present our product. The Website should be accessible from any device (Mobile, Tablet and PC) and we are considering to work with 3 different layouts.
- Standard layout for monitor > 1024 px (PC)
- Mobile Portrait for monitor <= 480 px
- Mobile Landscape
- Tablet 768 px
Using this approach, our designer is working with Photoshop and InDesign and he's creating 3 different mocks per page. One for Mobile, one for Tablet and one for PC. Is this the correct approach or inside InDesign should we have more than 3 viewports? If yes, what would be the correct resolutions for each viewport just as a classic standard?