Ueno <3 Zeplin
Ueno is a full-service digital agency with offices in San Francisco, New York and Reykjavík. Their clients include Google, Reuters, Facebook, Uber, Medium, RedBull, Progressive, Airbnb, Lonely Planet, Cisco and Dropbox. Bet they really enjoy what they do—check out their jaw-dropping work on Dribbble!
We had a chat with Mira, a Creative Director at Ueno. We discussed their overall design workflow and where Zeplin comes in handy. Take it away Mira!
How is the design and development team set up at UENO?
Depending on the size of the project, we're either working closely with our own developers, or we're partnering with the client's development team. We start out with gathering of the requirements, wireframing and prototyping before diving into design. We make sure to loop in developers at every step of the process, to ensure what we're proposing is feasible and well considered. We also collaborate across multiple offices, we have developers in Iceland, San Francisco and New York, so two offices may be collaborating on the same project. That's where Dropbox, Slack, Zeplin come in.
How is the overall design workflow?
Every project is slightly different based on what the client's needs are, so we adapt to that. In the beginning we try to spend as much time with the client, either at their office or ours, working closely, listening and establishing a good working relationship. Depending on the project, there's generally 2-3 designers, a photographer or an illustrator at any given point.
"Zeplin has been amazing in bridging the gap from design to development by automating what we've previously had to do manually which is call out every type style, measurement and color."
Once we dive into the project, we like to iterate fast and show work in progress whenever possible, and gather feedback as we go along, rather than wait a few weeks and have big presentations. We also use Slack extensively with our clients which makes it feel like a collaborative effort instead of us vs them.
Where does Zeplin fit in the workflow?
Zeplin has been amazing in bridging the gap from design to development by automating what we've previously had to do manually which is call out every type style, measurement and color. We've found it cuts down our QA time tremendously and developers seem to love it as well. We use both Sketch and Photoshop on various projects and are glad that Zeplin is able to support both applications.
As designers, we love how easy Zeplin is to use, how it keeps us organized and makes us aware of number of text styles/colors we're using in our designs—too many. :) Developers love the desktop app, the annotations and how easy the interface is to navigate.
Any tips for new users discovering Zeplin?
We've found that tagging has been crucial especially when number of screens gets to be over 30. It gives developers a chance to sort through things faster and find the feature they're working on. Also not putting too many screens into one project, but having a separate project per platform (Web gets its own project, Android gets its own, Apple TV its own, etc.).
"We love how easy Zeplin is to use, how it keeps us organized and makes us aware of number of text styles/colors we're using in our designs—too many. :)."