Portfolio

Gaopin Images

Gaopin Images, China’s answer to Getty, called in our team at Flow to concept their front-end UI and develop a visual identity package that would set them apart after they spun off from their former parent company. Yeah, the creative part of this project was fun. I got to design search filters. I like search […]

Flow Asia ROCA Yeeshoo Harrod & Ji GeJianZhu Plan by Decibel Yi-2

gaopin-filters-small

Gaopin Images, China’s answer to Getty, called in our team at Flow to concept their front-end UI and develop a visual identity package that would set them apart after they spun off from their former parent company. Yeah, the creative part of this project was fun. I got to design search filters. I like search filters. But it was actually a silly issue with image sizes that made the build interesting.

Re-sizing a single image is easy. You download it, you crop it, you send it back up to the great sea of ones and zeros. When your photo library is millions of images strong, hitting the “crop” button is like launching a nuke – ain’t no takin’ that back. You hit the switch, the processors start to chew, and they don’t finish for a week. The crop had to happen, but a week in startup time being like a million of our earth hours, it ideally only had to happen once. Which gave rise to another problem: an image site needs to display the same image in multiple sizes. So how do you get multiple image sizes out of a photo repository with a single pass through the database?

With math, that’s how.

Look, I don’t usually do math. Math and I spent all of high school giving each other wedgies. Now we just frown meaningfully at each other over the tops of our glasses. I’ll spare you the details, but in the end, we sorted it out. A single image size that could be compressed via code to fit into any one of several interfaces on any one of several devices, both desktop and mobile.

gaopin-home

gaopin-moble

gaopin-filters-big

WTF IS A KENDRA SCHAEFER?
american tech writer living in beijing. chinese user interface consultant. crafter of pretty digital things. haver of nebulous ideas.
Other neat clients