Separate mobile sites are an alternative for those who only want to develop parts of the website that are relevant to mobile devices, with increased design options & a better user experience.
Mobile Or Responsive?
Responsive web design
Some websites need to be able to display the same content on both mobile and larger screens. All content is downscaled using Responsive Web Design (RWD). Drag the browser window on this page to see RWD in action. It’s also known as "fluid web design" because we use proportionally relative values (%).
Using Wordpress there is responsive design as default.
Adaptive web design
With some websites, it makes sense to only show selected parts on the mobile version, rather than replicate the entire content between the two mediums. Adaptive Web Design (AWD) can be partly fluid, but usually the different building blocks are rearranged (& may also completely be removed on mobile screens), which could entail the need for a separate mobile website.
Media Matters' website is a good example of Adaptive Web Design.
Separate mobile website
If you have a website where you only need to display selected parts on mobile devices, we are able to create the design from scratch without being dependent on the main website. This ensures more freedom to play with the design & allows for a better user experience. When choosing a separate mobile website, it’s important to consider how this should be updated compared to the main website.
Using a Separate Mobile Website, your website website looks a bit like an App you download from an App store. It is not a native App though as it works on the internet on a domain, & you do not install anything.
Usually we take maximum width equivalent to a standard tablet computer, while content on larger screens will be centered in the middle. This is normally not visible, since we send visitors with larger screens to your normal website.
See an example below of this concept on one of Mobilemaniac's own projects:
Combine your mobile website with our CMS package & you can update text and images on your mobile website, as well.