Non-Coding Responsive Web Design: Adobe Muse

What is Responsive Web?

A definition by Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones). In simple words, a website which can adapt itself to all the screen sizes, all devices, and all browsers.


What is Adobe Muse?

Adobe Muse is a standalone desktop application which creates gorgeous HTML5 websites without writing code and comes under the subscription in Creative Cloud.

Why it is so important?

Responsive web design is very important because today everyone uses mobile phones. So almost all clients want a mobile-first website. They want their website which can be viewed very nicely on a mobile phone. That is the reason why responsive web design is so important. All most all web development companies today work on bootstrap.


Principles of Responsive Web :

Responsive web design is a great solution to our multi-screen problem, but no fixed page size, no millimeters or inches, no physical constraints is a difficult part in designing a site. In responsive web design, pixels and percentage are important parameters to be followed while designing.


Why Adobe Muse?

Responsive design, as it is today, can be limiting with respect to creativity and unique, thoughtful designs. Designers around the world are discontent with similar layouts and grids that make responsive sites look repetitive and ordinary. With responsive layout in Adobe Muse, you can bring back the soul and magic into your responsive sites.

  1. Mobile-friendly sites: Now the smartphone market is hitting very fast by every day, you have to create a different layout for many screen sizes. If you use Adobe Muse, that layout can fit into any mobile devices having any screen sizes.
  2. Create-design-preview at once: Muse gives you the flexibility to create, layout, and preview web pages on the same canvas. You can preview your design using the scrubber for any browser width. If your design breaks at any point, you can immediately tweak your layout on the same canvas.
  3. In-Browser Editing: If you want to make changes to your responsive layouts, you don’t have to open Adobe Muse. You can edit content or images in browsers using Adobe Business Catalyst.
  4. Alternate layout: If you are still not convinced about migrating your websites to responsive layout completely, you can have alternate layouts for specific web pages in your Adobe Muse project.
  5. Starter designs: If you do not want to create and design web sites from scratch, and want a jumpstart, choose the responsive starter designs for creating personalized websites.
  6. Features: Support Google Analytics, Google Tacking, etc. They are lot and lot of widgets available for Muse to customise the website properties. Some of the third-party widget providers are,,, etc.
  7. Export & Publishing: Muse offers many ways to make your site live, you can directly upload the site to your server via FTP, SFTP or you can export site to your desktop and you can use FTP client such as Cyberduck, FileZilla, etc. Publishing your site to business catalyst is very simple just click “publish” button, to upload the site to your server.

What have I done with Adobe Muse?

Well, I had designed a few sites using muse for Beeble Games and other companies also. One of my sites has been came on top on Behance for a month in the year 2016. The Following list of websites is designed in Adobe Muse by me.

  1. Radar Blip
  2. Uitoux Solutions
  3. Yellow Tree Academy’s Upcoming site



Product Designer at BigBasket | Creating meaningful experiences through design.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Vidhunnan Murugan

Vidhunnan Murugan


Product Designer at BigBasket | Creating meaningful experiences through design.