CASE STUDIES

Some of our recent projects for you to peruse through. Hopefully some of the work we've described will influence your project planning or provide some insights for optimising your website or app experience.
 

Motion design

Before you jump into the development of your beloved app, don't forget to plan through your motions. No we don't mean your implementation plan or anything like that, we actually mean motions. Motions can help make a static app much more enjoyable and they can also illustrate required actions or information to help minimise descriptors and clutter.

However, if you're implementing your app as a hybrid don't go bananas with too much animation, otherwise you might notice quite a bit of 'chugging' or 'sticking' movement on a number of Android smartphones.

Flickfeeds app

Sometimes to test market potential on a minimal budget an app is built and released to the public before ever realizing any user research or experience strategy. Flickfeeds is one of these, and we've identified with the makers at raredynamics a few very simple changes to improve the app experience.

What we identified

Information Clutter
Spacing

Without adequate spacing between content an interface can feel clunky and confusing, and effort for your users to sift through information can become much more difficult. Here we gathered relative information into groups and evened out the spacing between those grouped areas for a cleaner feel and easier read.

Font Weight

Never underestimate the power of simple text changes, such as bolding, size, font family, or a slight change in colour, to distribute the weight of information accordingly. It can have a bigger impact than you realise and can allow users to more easily find what's important, whilst also improving their ability to review finer details.

Recognition of key information
Information Design

People can much more quickly associate with colours and shapes than text written descriptions. Here we've added colours to the film availability and to the classification rating. Always try to find commononalities in the information you're delivering and consider designing a colour or shape index unique for your brand or application, to help people more quickly understand key concepts within your communications.

Misinterpretation of Information
Film Dates

Consider how your information can be interpreted in the context of what you're communicating. Here we have dates beneath film titles, which can potentially be interpreted by some people as the film release date, so we've added the word "updated" next to the date for clarity.

Content mixed with Ad Banner
Design to separate

Adding spacing isn't always an option to separate and resolve confusing content display issues. Here we've added a touch of shading above the advertisment to separate from the content of the app.

Marketability / Accessibility
Icons

You'll notice the icons are nearly lost in the footer of the app. It's important to design controls and buttons to be clearly visible, and not just to keep up with modern material design trends. Around 9% of the population are colour blind, so accessibility is always something to think about. Not only that, maintaining and building your credibility through professional design is important for your brand image - yep, even you have one.
You'll also notice we removed the titles on these icons. When your icons are easily recognisable without risk of misinterpretation, it can be justifiable to remove titles to the avoid clutter in your design from the additional text. However, this will of course depend on the complexity of your features and content.

Video banner

Just as the full page banner revolutionised home page design, the video banner is now becoming the standard. When implemented correctly a video can engage visitors more quickly in the story of your product or service - if an image is worth a 1000 words, what's a video worth? Here we create a quick and simple compilation for Proximiti.

What we identified

Accessibility and Technical bits
Size / Quality

It's a fine line between creating a great quality video and ensuring the video is accessible to most visitors. Whilst technology is advancing, Australia is still a slight behind the grade on internet speed. A video should not be so large that it takes too long to download, but also not so small that it looks like one giant pixel. So what's the solution? In 2015 a general rule of thumb would be a 720p resolution video no longer than 30s - 50s, or roughly 5Mb - 10Mb. Consider your target demographic and their expectations to inform the size and quality of your video.

Cross-Browser Standards

You'll need to consider the various video formats required for implementation. Whilst Google's video format 'WebM' is becoming the new web video standard, it's still not supported by most browsers. We recommend the WebM video converter [Windows only] - it does a great job of converting videos and supports all the popular formats required for cross-browser support.

Strategy and Context
THE PLAN

When planning any new content you'll need to re-evaluate and define 2 key components: (i) What's your business attempting to achieve, and (ii) who are you talking to. If you don't have these defined first, your end result will likely be hit and miss.

THE CONTENT

The content of your video should be engaging, educational, fun, and sussinct with your brand and message, but you already knew all that right? We recommend checking out a few of the big guns here who've created successful engaging video banners - there's plenty of tips you can take from these.

Sample Only

Contact Us

We love a good chat and a bit of gossip so tell us what you're working on.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form :(