15 responsive website design examples to inspire you

Profile picture of Nick Babich

{date}

{#hash1}

{#hash2}

Illustrations by {name}

Get web design inspiration from extraordinary creations on Editor X, that look and behave just as great on any viewport.

6 min read

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

Stay informed on all things design.

Thanks for submitting!

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

Get our latest stories delivered straight to your inbox →

Responsive web design is an approach that allows creating websites that look and behave well on a variety of screen sizes and resolutions. Considering that people can access a website from various devices and browsers, making a website responsive has become a priority.


Below are 15 responsive website design examples, all created on Editor X, to help you find website design inspiration and fuel your creativity.



15 responsive website design examples

  1. Testaccio Chicago

  2. Melitas Ventures

  3. Geologists

  4. St. Vincent

  5. Stern Import

  6. Jax Harney

  7. Ikira

  8. Primer

  9. Adam Marsh

  10. Alt-Trap

  11. Boutique Le Diamant

  12. Yulari Films

  13. Blue Monday

  14. Urban Umbrella

  15. Alejandro Largo



1. Testaccio Chicago by The Real Agency


A good restaurant offers a lot more than a good meal, taking diners on an exciting journey through national traditions and culture. In the case of Italian restaurant and wine bar Testaccio, the journey starts even before you visit the actual place.


Their website acts as a navigation hub allowing visitors to choose between making reservations, browsing menus, ordering to-go and more.


The navigation menu looks equally well on any screen and resolution, by distributing the navigation options in a grid — a 2-dimensional structure that lets you arrange content in columns and rows. Notice how the multi-column layout can shrink to a single column where the items in the menu are represented as rows, depending on your device or browser screen size.



A screenshot of the Testaccio Chicago responsive website example


2. Melitas Ventures by SM-Creative


Melitas Ventures is a Venture Capital fund located in New York that invests in food and beverage companies. Following a fullscreen image slideshow in the first fold, you can read more about the company’s mission, portfolio, and team as you scroll down.


In their Portfolio section, the items are cards that contain an image and display text on hover. Once clicked, they lead to the clients’ website design, a great indication of the trust and pride that the fund takes in its customers.



A screenshot of the Melitas Ventures responsive website example


3. Geologists by Alex Chu and Cindy Chau


The eCommerce website design of beauty product retailer Geologists uses earth tones and well-lit product photography to create a calming and inviting browsing experience. The information on the homepage is presented in sections that complement each other. Once you scroll down, you can see best-selling products, and learn more about how they create their products. Subtle animated effects such as the “Quick view” label that appears when you hover over a product item create a positive impression for visitors and add a sense of motion to the site.



A screenshot of the Geologists responsive website example