| Category | Users | What we did | Platform | Project scope | Project cost |
|---|---|---|---|---|---|
| B2B | Analysts | Reskin - visual redesign | Web | 4 weeks, 5 key screens | $6,500 |
This client asked us to develop a new visual style for their web application (intended for experts in this particular domain) and then produce new designs for five key product screens. We developed several possible visual styles and the client chose the one that they liked best. We then applied the new style to each of the 5 key screens and created the HTML and CSS for those screens. We call this type of project a "reskinning" or "facelift"-we didn't change how anything worked on each of these screens, but we did change the placement of the user interface elements in order to improve the flow and comprehension, and of course we updated the visual design.
AFTER
Notice a clear visual distinction between the actionable items at the top and the alerts at the bottom of this user interface.
CONCEPT #1
An alternate visual style for the user experience. The company logo included a Greek marble pillar, which is incorporated into the visual designs in different ways.
CONCEPT #2
Another alternate visual style for the user experience. How would you go about deciding which one to use in the product? We would have liked to run a usability study to learn users preferences and find out where users get stuck-but that was beyond the project scope.
CONCEPT #3
A refinement of the navigation system. Notice the Actions have now become tabs. The filtering of rulesets has also been distilled to its core functionality. This is a case where removing detail from the user experience helped to clarify the overall experience.
CONCEPT #4
An alternate visual style for this refined version of the user experience.
BEFORE
Without clear labels and well organized controls, the user experience is not intuitive.
AFTER
The filtering controls are logically presented and the flow reflects the priority of the different data sets.