Responsive Design

As I’ve said in a prior post, contemporary websites should be responsive on all devices. That means that the mobile user should have an experience that allows them to navigate and see all the information they need without having to resize or turn their device from vertical to horizontal. This often employs an app-like design for mobile separate from the full-screen design.

Liquid Design

Another concept is fluid design also known as liquid layout. A fluid design takes in to consideration the width of the screen and adapts content in percentages to fill the space. Fluid design IS responsive design, but it adds the additional feature of maintaining the design elements throughout all screen sizes. With fluid design, you do not have a separate layout for mobile, the design simply adapts to every screen.

User Experience

At MacKenzie Arts & Design, we believe a responsive and fluid design provides a better user experience. Our liquid layouts adapt to every screen so your customers get a good experience regardless of the device they use to view your website.

In a mobile world people have to make choices about what they read. When you think about user experience, an image truly is worth 1000 words. We encourage  great use of photography and graphic elements in our designs, to communicate your ideas and concepts.

Compare this before and after:

Nano-C website before updating

Nano-C website before updating. Notice the absence of images, the tiny text, and especially how the text runs off the screen when using a phone.

Nano-C after updating to a new liquid layout.

Nano-C after we’ve updated the site. The new WordPress website has illustrative imagery on every page, it’s responsive on every device and the layout is fluid.

We hope you’ll give us the opportunity to update your website. Please get in touch.