creative-ui-designs

Inspirational UI Design Ideas for Your Next Website Project

The web has moved a long way from its traditional roots. Where once it was perfectly fine to provide a basic text-only website, now it’s practically expected that your sites convey not only information, but provide a modern, crisp and exciting user experience. To that end, it’s up to you as the designer or developer[…]

TABULAR DATA REPRESENTATION IN MODERN HTML EMAILS

Responsive tables are the most common ways to represent tabular data in HTML emails. Learn about the best practices and the card layout design approach. Email development relies heavily on the use of tables. In our experience it’s best to use them in every aspect of layout and structuring. That is the basis of our[…]

ibs-group-442-1024x683

How Intercom brings play into their design process

An Interview with Stewart Scott-Curran, Director of Brand Design Intercom is the darling of the brand design world. With its playful, raw illustrations and the feel-good animations, it’s no wonder they’ve snagged the eye of users as well as its peers. They not only build quality customer communication products, but their entire team is clearly[…]

Making Custom Properties (CSS Variables) More Dynamic

CSS Custom Properties (perhaps more easily understood as CSS variables) provide us ways to make code more concise, as well as introduce new ways to work with CSS that were not possible before. They can do what preprocessor variables can… but also a lot more. Whether you have been a fan of the declarative nature[…]

0-jwi3r-z3pNrzWpzn

Atomic Design in Practice — Does It Work?

The web continues to evolve further and further away from its document based heritage. Whereas we once thought of fixed-dimension ‘pages’, today we think of ‘systems’ that serve a variety of devices and users. The requirements of a growing ecosystem have necessitated a change in workflow and methodology. One popular approach, is Brad Frost’s Atomic[…]

1-QwxkebxjQRZKN0d4rUcNXg@2x

Design technique: Progressive Disclosure

Dieter Rams 10 Principles are a great way to describe “Good Design.” But what are the underlying techniques that help us achieve these principles? There are plenty of techniques that make designs more effective. But few actually line up with Dieter Rams Principles. Effective design often celebrates discovery and exploration. Company’s measure screen time and[…]

svg

SVGito: Little Optimizations for SVGs

A web-app with new optimizations for your SVG files—especially those exported from Sketch. Today I’m releasing a free little web-app for optimizing (“cleaning up”) SVG files. It’s called SVGito. If the idea of SVG code or optimization is new to you, take a moment to read this other article explaining how to think about SVG. As[…]

Storyboarding in UX Design

Storyboarding in UX Design

In user experience design we’re familiar with user research techniques like workshops and interviews. We synthesise our research into user stories and process flows. We communicate our thinking and solutions to our teams with artefacts like personas and wireframes. But somewhere in all of this lies the real people for whom we’re designing. In order[…]