Nick Babich

Nick Babich is a product designer. He has spent the last 15 years working in the software industry with a specialized focus on creating innovative products. He counts advertising, psychology, and cinema among his myriad interests.

→ http://babich.biz

Articles by Nick Babich

An illustration depicting different elements of a design system, visualized as widgets across the composition.

Design systems and style guides are different. Here's how

Design systems and style guides are related, but they're not the same and neither of them are brand guidelines, either. We break it down.

An illustration of the MidJourney interface and the resulting web design.

The ultimate guide to AI web design

Learn the pros and cons of this emerging tech, and how to integrate AI tools like Midjourney and ChatGPT into your web design process.

Two web pages that show the back end of Editor X's CMS over a gradient background.

The web designer's ultimate guide to CMS

Choosing a content management system isn't the most exciting part of building a website, but it is essential. Here's what you need to know.

12 translucent 3D smiley faces sit in rows over a black background with speech bubbles indicating communication between them.

16 best design collaboration tools to make your team more efficient in 2023

Design collaboration can only really work with the right infrastructure. These tools are designed to make that process even smoother.

An illustration of a person set on a plane and surrounded by floating screens.

The ultimate guide to the metaverse

The metaverse is one of the most popular debate topics in the tech world right now. So what is it, anyway? And how will it impact designers?

A gradient illustration of three overlapping transparent web windows set on an angle.

5 practical tips to make your UX design process more efficient right now

The stages of UX workflows, ideation methods, and advice you can use to make your UX process more efficient.

Four translucent, gradient smiley faces in a row over a balck background.

Design collaboration tips for working better together

Key tips you need to know so your design team collaborates effectively, no matter where they are.

A screenshot from the Bavic website which shows a photo of a toddler playing with wooden toys on the left side of the screen and two close up photos of the toys on the right side of the screen.

Parallax scrolling and beyond: 10 websites with fantastic scroll effects

Scroll effect best practices and examples to get inspired by. Parallax scrolling is just the beginning.

5 tips on how and who will get a job in the Metaverse

A guide to the most-sought after jobs in a burgeoning market, and the skills you need to land one.

An illustration of a lowercase letter "A" in pink and a web cursor floating over a magnifying glass, eye icon, and small particles over a blue background.

10 ways to check if your website is accessible

Make sure your website is accessible for all users with this guide, including a 10-part web accessibility checklist.

An abstract illustration depicting the metaverse, which visualizes a 3D world opening with gradient blue and red boxes on either side.

Want to design for the metaverse? Here's how

We break down all things metaverse design: the biggest growth areas, design techniques, tools, and must-have skills.

A horizontally-oriented interface showing a graduated circles next to a vertically oriented interface featuring a line graph in purple, green, and blue gradient.

Here's everything we know about web 3.0, the so-called next era of the internet

What's the difference between web 2.0 and web 3.0? We break it down (as much as we can).

An illustration of the word "404" linked together with a chain over a black background.

How to design 404 pages that will turn your users' frustration into delight

10 ways you can design better, more human 404 pages—with examples.

An illustration that shows a workflow grid over a purple and pink gradient.

Everything you need to know about information architecture

Learn this essential part of web design with key definitions, tips on how to structure content, and a step-by-step process guide.

An image of a tablet interface with money symbols and a pen.

Back on the job market? Look at this UX design salary guide first

Learn about the top six careers in UX, their tasks, salary expectations, and tips on how to get a competitive salary for your next gig.

A piece of paper that uses icons and charts to depict the design research process, treated in a purple gradient.

Design research is critical to any project. Here's how to do it well

This essential guide covers it all: qualitative and quantitative research, usability session and interview how-to's, reports, and more.

The ultimate guide to responsive web design

This explainer has it all: from what responsive web design is, to details like responsive type and designing mobile-first.

Digital illustration of a website design on a tablet with the wireframe hovering over it.

A guide to wireframes: The blueprints of product design

Much of a product’s success depends on its structure. Wireframes can help lay down the groundwork at the project’s earliest stages.

A responsive website for a furniture and interior design store, seen across various viewports

How to make a responsive website

Responsive web design allows precise control over your layout at every viewport. Here are expert tips to bring your vision to life.

Three website screenshots, a couple in desktop view and one in mobile, and banners reading “responsive websites”

20 responsive website examples to help you design for perfect performance

Each website here uses a particular creative strategy, like flexible grids, multiple columns, or zigzag layouts, to perform on all screens.

An illustration that shows three monochromatic, differently-sized viewports. Each window has a corresponding green rectangle within it.

Responsive vs. adaptive design: How do they compare?

Compare responsive and adaptive design approaches their uses, and how to design sites that look great no matter which screen they're on.

A digital illustration of a landing page spilling out of a laptop computer, with the text “Landing Pages” to its left

14 landing page examples that convert users

A not-to-miss explainer on the essential rules for creating effective landing pages, 14 stellar examples, and analysis as to why they work.

An illustration of a user persona showing a human figure that’s made up of data, research and various findings

What is a user persona and how to use it

User personas help UX designers transform users from a faceless crowd into an actual person they can relate to.

Shaping Design is created on Editor X, the advanced web design platform for professionals. Create your next project on Editor X.

Start Now →