Category Industry What we did Platform Project scope Project cost
B2B Media Redesign Web 33 screens $8,500

User Interface Design before and after of Media Company web application: portfolio sample from Two Rivers Consulting, Web Application UI Design/UX/IxD Firm in Boston, MAThis media company asked us to improve the appearance of their product-give it a more "Web 2.0 look" and to improve the overall usability. We reworked the branding and visual design for the user interface, designed new templates, reorganized the information and suggested some new features to improve the user experience and usability. We delivered the HTML, CSS, and images for thirty three screens in the product.


User Interface Design before and after of Media Company web application: portfolio sample from Two Rivers Consulting, Web Application UI Design/UX/IxD Firm in Boston, MA

BEFORE (Thumbnail above)

With controls scattered around the screen, there is a poor focus and it's unclear what the user should be trying to do. Considering that the target audience was users familiar with products like Photoshop, and Final Cut, the interface looked too rough.

AFTER

This user interface provides a clear focus on the actionable objects and what can be accomplished with a task-based navigation. All the items are laid out using a grid that makes everything more readable.

Notice the use of color to break up the monotony of the sections of the user experience.


User Interface Design before and after of Media Company web application: portfolio sample from Two Rivers Consulting, Web Application UI Design/UX/IxD Firm in Boston, MA

BEFORE

The user experience has a confusing flow and it's unclear what users should try to do. Large areas of whitespace make the application look broken.


User Interface Design before and after of Media Company web application: portfolio sample from Two Rivers Consulting, Web Application UI Design/UX/IxD Firm in Boston, MA

AFTER

Grouped controls and use of text and background color help provide focus to users. The diagram now makes it clear what the user is working on.