Dynamic & Exprimental Visual Image Editor User Interfaces

Our web based image editor was a user interface for learning about how image manipulations work on an image. The tool provides the user with a visual approach to working with the imgix API. Resizing, cropping, blurring, as well as dozens of other dynamic operations can be lived tested with visor.

Finalized UI designs for the editing tools have been included in a granted patent for "Just in time image editing interface". View patent

visor Comps
visor Comps

This project was a work in progress collaboration between Jack Angers and I. It was an attempt to better relate the imgix product to designers.

visor Comps

There were several incarnations including versions that existed in page, that had a number of intuitive interactions, and specialized use cases.

imgix Gearbox
imgix Gearbox
imgix Gearbox implemented on the current site
visor Comps
visor Comps
visor Comps
visor Comps
visor Comps
visor Comps

In Page Editing

A version of the editor was ported as a chrome extension. It had additional controls that allowed the user to select images in the page. Subsequent versions allowed save back to the page itself.

Comps
Comps
Comps

Resizing Demo

Demonstration of resizing capabilities.

Adding Watermark Demo

Demonstration of the editor adding a vector watermark.

Using Auto Features Demo

Demonstration of auto features.

visor Comps
interface details