OUT OF THE BOX

OUT OF THE BOX

Examples of Print-Inspired Website Designs

Drawing inspiration from other media is a great way to ensure your website stands out from the pack. Check out these print inspired web designs!

Web design has always drawn inspiration from print. Whether it’s content layouts, typography, or image placement, print is always a worthy point of reference given its longevity. Websites today continue to be inspired by print design, with many shifting to text content-heavy designs as opposed to the more visual approaches we have become so accustomed to. There’s also a rise in websites using a palette of simple blacks for typography and off-white for backgrounds.

Read More
What I know after a decade in design

With milestones come a time for both celebration and reflection. Finding mentors in your career path is a fantastic way to constantly improve and develop. Some great lessons for both old and new designers alike!

2018 will be the year that marks my first decade as a designer. Wow… crazy. Sometimes I still feel like a junior designer, but when I look back on myself ten years ago, I can see just how much I’ve learned. I want to share with you some of the things I’ve learned over the years. As it turns out, many are not so much about design, per say, as about mindset and attitude.

Read More
9 Design Tips For Email Marketing

In the digital world of today email matters more than ever! Here's some design tips to make them look amazing.

Email marketing allows you to reach your target audience right in their inboxes. And it can earn your business an incredible ROI— up to $44 for every $1 you spend! But creating a campaign can be frustrating if you’re worried that a lack of design skills is preventing you from getting the results you want. Fortunately, you don’t have to be a designer to create killer emails. Most email marketing platforms, like MyEmailFX, allow you to choose from an array of pre-designed email templates. However, you’re probably still going to need to select some design elements like your colors, fonts, and images. In this post, we’ll cover nine tips to help you create emails that look great and earn your business more revenue online.

Read More
Intro to The 8-Point Grid System

An interesting look into how designers are using 8 pt grid systems to speed up their teams workflow.

design ui ux 

If you’ve ever shopped online, you’ve experienced the hesitation when you click purchase and the credit card entry form looks different from the rest of the site. A little consistency goes a long way.

Read More
Every shortcut for designers in one place 🚀

Keeping track of all the different shortcuts across each of the tools and applications that designers use can be a mess! Here's a site that collates all the shortcuts from the various programs and organises them in a way that is easy to read and memorise. Check it Out! Alternatively, many of the programs let you customise each of the shortcuts to you liking. Personally I've customised the shortcuts of each of my adobe programs which has resulted in one of the best boosts to my workflow as a designer.

In their shoes: developers understanding designers

One of the best things about our team is our open office, where we get to collaborate between our designers and developers from the very conception of every project

Thanks to the power of collaboration, developers can understand better the reasoning behind certain design decisions, while designers can have a better understanding of how things work.

Read More
4 Things Every Designer Should Know About Whitespace

Whitespace is such important part of a Designers Toolkit! Check out the core things every designer should know about this essential design principles.

Although some people may consider whitespace a waste of valuable screen estate, it’s an essential element in a design. In fact, whitespace is just as important as the content. As Jan Tschichold said: Whitespace is to be regarded as an active element, not a passive background

Read More
Is Your Website Repelling Potential Customers?

First impressions in the digital world are just as important as they are in the physical world! Make sure that your brand is best represented online by asking yourself questions found in this article.

Colors. Graphics. Original content. These are all elements that work together to make your website interesting to potential customers. Unfortunately, you can’t just throw together a website with your two favorite colors, throw a graphic somewhere on the page and call it a day. There is research to prove that the appearance of your website has everything to do with conversions. So is your website repelling your potential customers? Ask yourself these few questions to find out!

Read More
The Designer’s Guide to Color Contrast

Want to get more out of the colours you use and help make your website more accessible to those with colour blindness? Contrasting colours are the way to go!

The colors you choose while designing a website, poster, or any other type of image, will have a huge impact on whether or not the overall design is successful. After all, there is a lot of psychology behind the colors that people are attracted to, and designers need to incorporate this into everything they do.

Read More
Designing The Perfect Feature Comparison Table

Comparisons tables are valuable tools in a designer's kit, allowing you to powerfully communicate information your users may be needed in a clear and easy to digest manner. However, many just can't seem to get it right graphically. Check out this detailed article to help you get the most out of them!

design ui ux 

Not all products are created equal. While we repeatedly buy some products almost mindlessly, for others, we take a lot of time to make a purchasing decision. For a price tag that meets a certain threshold or if we are particularly invested in the quality of a product, we want to be absolutely certain that we are making the right choice and are getting a good product for a good price. That’s where a feature comparison table makes all the difference.

Read More
Why You Need Design Thinking and How To Put It Into Practise

Design Thinking can be applied to so many aspects of life. Not sure what design thinking is and want to learn more? Check out this article by the people at Invision.

It’s more than a methodology or a framework. Design thinking has the power to take you and your team through the trickiest of problems—often with a winning solution on the other end.

Read More
Icons are little living creatures

Great article that discusses how the relevance of icons changes with society. As the lines between the shapes of our devices begin to blur, it can be a challenging to prevent iconography from becoming doubted or obsolete as technology progresses whilst still being easily identifiable.

It was around 2010 and I was asking for feedback from colleagues on my web design. The response was positive, they thought the site looked great, apart from one tiny detail… the mobile phone icon I’d designed, especially it’s little antenna, was problematic.

Read More
A guide to every design ethics

Really like the idea of designing for temporary disability. Keeping this in the forefront of our minds whilst designing makes sure that we are creating user interfaces that are as easy and accessible for as possible for users.

Also, remember that a disability can be temporary. So even if you’re young, you’re fit, and everything is good, sometimes you might have a temporary disability—maybe you broke your arm or you’re just holding a baby or you’re holding a bag. There’s a lot of ways that we can be temporarily disabled, and designers need to think about the different ways that our products will be used. It can also be situational.

Read More
How to Choose the Right Logo Color

Logos need to be able to stand on their own, in such a wide variety of usage situations!

Have you ever designed an identity and gone blank when it was time to pick a color palette? With the entire spectrum at your disposal, it can be tough to select just one or two colors. Although color may seem like an open brief, there is a logical process to follow that will help. We interviewed industry experts and boiled down their advice to three important rules.

Read More
When Large Isn’t Large Enough: Designing With Hero Images

Hero images need to be better than big. Leaving lasting impacts on your audience all begins with what they encounter first and most of the time, it starts with the hero image. Your Hero image is more than just a pretty picture, it's a powerful communication tool.

When users come to your page, they’ll feel some kind of reaction. Whether it’s positive or negative, that reaction is determined in large part by what they see. Because vision is perhaps the strongest human sense, a hero image is one of the fastest ways to grab the user’s attention. Bold, graphic and intentional imagery engages the user. It draws the user in immediately and makes a perfect centerpiece for a minimalist app or website.

Read More
Common On-Site Search Mistakes and How to Fix Them

Making sure that your search functions are working for your users instead of against them is absolutely crucial. Here's a list of the most common search mistakes so that you can keep your website's user experience in check!

Your website’s search function could be damaging your conversion rates. And if it’s not acting as a bane to your conversion rates, it could be doing something almost as bad: not helping them either. On-site search, if well optimized and put in the frame of increasing user experience, can greatly enhance the usability and enjoyment of your site.

Read More
How Empathy & Personalized Interfaces Can Help You Build Better UX

Empathy, one of the essential driving forces of UX design, is becoming increasingly more important in today's digital world. Empathetic design helps your organisation create relevant, personalised experiences that break through digital barriers and communicate your message in a way that your audience understands and connects with.

Web design trends can pivot on a dime, but some design concepts have proven their efficacy and timelessness. Two of these concepts, personalization and intuitiveness, are integral parts of modern web design and are vital to crafting amazing user experiences. Thanks to modern developments, it’s easier than ever to capitalize on these design concepts to the benefit of the user. To leverage these concepts effectively, designers have to empathize with their users.

Read More
Storyframes before wireframes

Interacting with a successful web design is like reading a compelling story. Starting your designs in your text editor can be a quick way to streamline your design approaches and achieve better outcomes by creating compelling stories. Check out this article for more.

Before jumping into wireframing (and spending time moving gray boxes and blocks of text around on the screen), or even sketching things on paper with the level of polish I would like people to see in my work, at some point I have decided to start my design process with what I later named as storyframes: a hybrid document between a script/story and a wireframe.

Read More

Sorry. You must be logged in to view this form.