Designing Websites in Muse vs. Photoshop

Web Development / 04.24.15 / Micah Moseby

Muse is an exciting tool from Adobe that allows designers to quickly prototype functional HTML websites without having to write code.  When a client comes to us to build their site, the art department at GuRuStu utilizes this application during the design phase of the project to give clients an interactive mockup of their website.  These “Muse-sites” can accurately portray any visual element within the client’s site design include drop down menus, hover states, animations, interactive sliders, video backgrounds, scroll effects, and more.  This gives client’s a better idea of how their site will look once it has been built.

Typically, the look and feel of a website is initially created in an application like Photoshop which renders a static image of what the website is supposed to look like.  This image is then sliced up and built into a functioning sight by a web developer.  By building a site this way, a lot of guesswork is placed upon both the developers and the client and the end result can differ greatly from the intended outcome.

Creating the initial site design in Muse instead of Photoshop offers many benefits for the both the designer and the developer, as well as the client.  Designers can get a better feel for user experience, work out logistical issues early on in the project, and make edits to a design quickly.  Once the design is complete, web developers have a much more accurate representation of the site that they are building.  Furthermore, clients get a much better feel for how their completed site will look and feel by being able to navigate through a functional prototype instead of a static image.


Share
Tweet
Share
Share