Mobile Web Design
Separate mobile sites can be stand-alone or combined with a main website.
Separate mobile sites can be stand-alone or combined with a main website.
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 in nearly all themes today.
With some websites it make sense to only show selected parts on a smaller 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 or completely removed on mobile screens. You probably know how it looks without realizing it. On your phone, change your Facebook URL from www to m and you will see a lot of features are not there on the small screen.
Separate mobile websites are not used so much anymore, but we still keep this option on our website. If you need a smaller separate mobile website, or for example a profile site optimized for mobile, we are able to create the design from scratch. 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.
Using a separate mobile website, your website looks a bit like an App you download from an App store, with less scrolling. 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, so content on larger screens will be centered in the middle. This is normally not visible, since we would probably send visitors with larger screens to your normal website if you have one.
In this example the page scales with the window to the size of a tablet. Drag the window and see the scaling of the mobile website.
Other types may only scale to even smaller screens all depending on the customers individual needs.