Frontendrails logo Front End Rails

Whitespace

Whitespace

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 14 March 2017

Whitespace is probably the most under-appreciated yet impactful part of a good design.

Typography

Typography

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 07 March 2017

An overview of typography as a element of design for the web.

Don't Rush

Don't Rush

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 06 March 2017

The thought of designing a product from nothing can be scary. Here’s how we prefer to start.

Improved no results messages

Improved no results messages

Lugo Labs Lugo Labs 02 March 2017

Many times in index pages we need to show a message that there are no results to view. Usually as a results of a search, as in the example of Iconly. If you search for an icon on the top search bar, and no results our returned, the following message is shown.

How to Bring Digital to a Physical Facility in 4 Steps

How to Bring Digital to a Physical Facility in 4 Steps

Viget Viget 23 February 2017

On the go? Listen to the podcast discussion here:

How our UX team worked through ideation using the Four-Step Sketch

How our UX team worked through ideation using the Four-Step Sketch

GitLab GitLab 23 February 2017

During our recent Summit, the UX team customized the Google Ventures Design Sprint process to tackle some of our larger feature proposals.

Neat 2.0 Building the future of floated Sass grids

Neat 2.0 Building the future of floated Sass grids

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 22 February 2017

Understanding different types of existing float grid systems, finding their strengths/weaknesses, and discovering something better.

Balance

Balance

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 21 February 2017

Balance is another great example of how viewers give physical dimensions to non-physical things. Balance is usually described as how “heavy” elements feel to the viewer according to how elements are arranged.

Pros and Cons of Being a Multidisciplinary Designer in a Product House and Why It Is So Satisfying

Pros and Cons of Being a Multidisciplinary Designer in a Product House and Why It Is So Satisfying

El Passion El Passion 16 February 2017

UX + CRO = PROFIT: How to Use Your UX Skills to Improve Conversion Rates (Part Two)

UX + CRO = PROFIT: How to Use Your UX Skills to Improve Conversion Rates (Part Two)

Viget Viget 14 February 2017

Previously on UX + CRO = PROFIT… We provided an overview of Conversion Rate Optimization (CRO) and introduced a framework to help you run your own CRO experiments. If you haven’t read part one yet, go read that first before starting part two. Don’t worry. We won’t start without you.

Form and Space on the Web

Form and Space on the Web

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 14 February 2017

We occupy three-dimensional space. Sometimes it’s fun, sometimes it’s dangerous, but that is where we live and it influences how our brains are accustomed to interacting with the world.

Do responsive sites have to be so tall on mobile?

Do responsive sites have to be so tall on mobile?

Viget Viget 13 February 2017

When designing responsive sites, we tend to focus a lot on keeping content nicely formatted within all the various screen widths in the world today. This makes sense given that horizontal scrolling is not particularly user-friendly, so constraining the design to the browser's viewport width is generally a given.

An Introduction to Thinking About Animation on the Web

An Introduction to Thinking About Animation on the Web

Viget Viget 10 February 2017

Movement is everywhere around us, and sometimes we forget it as a form of communication. From body language to the way gravity works — movement can tell us a person's emotions and what actions are about to occur. 

UX + CRO = PROFIT: How to Use Your UX Skills to Improve Conversion Rates (Pt 1)

UX + CRO = PROFIT: How to Use Your UX Skills to Improve Conversion Rates (Pt 1)

Viget Viget 07 February 2017

“Mo’ customers, mo’ problems,” said no one, ever. Whether you’re selling a product, raising donations, or offering a service, having more customers is almost always a good thing. But how can you, lovely UXer that you are, optimize your site so it converts more visitors into customers? (Spoiler alert: this post will answer that very question.)

Color

Color

Giant Robots Smashing into Other Giant Robots Giant Robots Smashing into Other Giant Robots 07 February 2017

Color is such a fundamental part of how humans understand the world that we often overlook how it is processed and why it influences us.