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
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
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
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
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
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
Using Card-Based Designs To Enhance UX

As card designs trends continue to grow in popularity, it's great to a take an in-depth look into what makes them work! Card-based designs are easily convertible into strong mobile responsive outcomes so you should definitely check out this article to learn more.

Web and mobile apps move away from pages, towards completely personalized experiences. And this experience built on an aggregation of many individual pieces of content. Cards are the new creative concept. Regardless of how you feel about the concept, cards are here to stay.

Read More
404s: How to Turn An Error State Into A Conversation Starter

Sometimes 404s happen. This article suggests using 404s (and other error states) as opportunities to drive a positive action. Check it out!

Bad stuff sometimes happens to good designers. But rather than unpacking the near endless challenges you face, this article is focused on the value good design has in these situations.

Read More
4 Ways Use Functional Animation in UI Design

Animation that's used to enhance the user experience of a website can be extremely powerful. Instead of viewing animations it as an add-on or extra, the best animations feel sophisticated because they were considered from the start.

We’re no longer just designing static screens. We’re designing for how the user gets from those screens to actually view content. If we are to design better digital products, then we need to embrace the interactive nature of the app and websites from the very beginning.

Read More
Essential Design Trends, May 2017

Keeping your eye out for emerging trends is essential in any industry. Here are some of the trends emerging in the world of web design for May 2017

From a purely aesthetic trend in shallow hero headers and diagonal corner layouts to a user interaction trend in this or that calls to action, there are plenty of interesting ways to draw the attention of users. Here’s what’s trending in design this month:

Read More
Why Gradients Are The New Colours

This article highlights some of the key reasons why gradients have grown to be so popular in web design and discusses whether or not they're here to stay. Check it out.

I’ve noticed that there is a new and fresh trend in design that involves a prominent use of gradients in UI, branding, illustration, typography and more. It seems like we got bored of all the existing colors in the world, so we started to create new ways to use them.

Read More
4 Things Your Home Page Needs to Stand Out

Give your users a reason to stay on your website! Check out this article to find out how you can stand out online.

“As long as I have a web presence, I’m good to go.” So say a lot of business owners out there who think that having any old website is better than not having one at all. And you know, that’s true to some degree. Even a poorly designed site will give potential customers a way to reach you, which is something I suppose. But more often than not, bad design – bad home page design, in particular – can cause people to click the “back” button in a nanosecond. Whether you like to think so or not, design plays an essential role in how your site is perceived. And that split second perception can determine a whole lot of things. Like whether or not a prospect stays on your site or clicks back. Or a visitor clicks on links in your navigation menu. To get your site’s home page on the right track, here are 4 things you should consider including.

Read More
Accessibility Means Designing for Yourself Too

About a week ago as I was adding alt-tags to a bunch of images I had this exact same thought to myself - Designing with accessibility is looking after not only others, but potentially, also your future self. Great write-up in this article - Definitely recommend the read.

Accessibility is most commonly associated with designing for “people with disabilities”. And even when we talk about it being for “everyone”, the concept is still so abstract, it tends to carry the idea that accessibility is for someone else.

Read More
8 Lessons In UX Writing

Making sure your writing is clear, concise and considerate seems to be the key. Make reading easy and enjoyable by writing easy to consume, bite-sized sentences are going to best serve your audience.

ux writing

Content and design are two sides of the same coin. Don’t separate them. They’re both what the user needs immediately, and the two elements work together to give that to the user.

Read More

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

Brown Box Digital is joining forces with AlphaSys to become AlphaSys Digital

Over the long history of Brown Box Digital, we have worked closely with AlphaSys on many occasions. We’re thrilled that by combining our individual expertise in development and design we’ll be able to serve our partners and clients in a whole new and improved way.

For Hosting Enquiries - please contact BEY9 on 02 8811 5530

For Support Enquiries - please contact [email protected]

Visit AlphaSys Stay Here