Designing a Mobile Version of a Website: Meades Cafe Dungarvan

Meades of Dungarvan, Co. Waterford contacted me recently to create their new website. One of the stipulations was to create a site that had a mobile version that was easy to use on the likes of iphones etc. The general term for websites that resize gracefully is called ‘responsive design’ however sometimes it’s more desirable to create a separate version of a site for mobile devices.

Meades Cafe MobileOur approach in this case was to create a smaller version of the site, drawing from the same content, so essentially we separated the main menu from the content allowing the user to swap back and forth between menu and content on the mobile version, whilst on the desktop version the menu appeared on the left hand side.  To keep the site consistent, we keep the look and feel similar on both sites.

If we wanted to create a site that looked more like an app we would have used something like jquerymobile or iui, however in this case the customer wanted to keep their branding consistent across platforms.

You can visit the site at

Here’s what Mark Lubek, proprietor, said about our service:

“I got in touch with UTD Web Design a week before I wanted my site live and they pulled out all the stops to get the site live on time for us.  In the end they actually completed it a day early!  They managed everything from hosting to social media setup to content management.  One of our most important requirements was the creation of a mobile friendly version of the site and UTD created an exceptionally user friendly version of the site for mobile users, which works seamlessly with the desktop version.”

Leave a Reply

Your email address will not be published. Required fields are marked *