Natalia Koldaeva
Category: Mobile Application, Website | Skills: Product Design

Visva


Visva is a platform for sharing information, ideas, and creativity. It's using natural browsing behaviors of users to predict what they want to read, watch, or enjoy next. Each visit, the user stories become more relevant.

visva.com

My role

I'm the only designer on the team. I'm responsible for all phases of the User Experience process. My work process includes creating scenarios, mapping and modeling experiences, wireframing and prototyping. I also do UI design and help developers with implementation for Mobile and Web by creating code snippets. My goal in that position is to establish a design pattern and create a design system.

Process

I'm trying to make my design easy to understand not only for target audience but also for developers. Before working on UI I'm doing researches, sketches and discussing ideas with my team.

Visva Sketch

Layouts and grid is the first step in my process. It helps me to make all the design consistent. Once design is approved, developers like to use the grid to check all sizing and spacings. Also, it helps a lot with designing similar pages.


This approach works well for Mobile Design as well as for Web.


Even if I'm working on a design of a single screen, I connect it with user flow. The flow is a complete story from call to action to the point when a task is done. The best way to feel a flow is to turn your designs into interactive prototypes. A prototype helps to understand the better scenario of use. While a team is playing with it, I already can notice some pain points in the interface. I get useful feedback from developers on the early stage of design.

Interactive Sketch prototype by Natalia Koldaeva

I use Sketch prototyping tool to create rapid interactive prototypes for Web and Mobile. Also, I can make a prototypes for iOS using Xcode and Swift. I prefer switching to Xcode if I need to test transitions or animations. Base knowledge in development allows me to communicate with developers more efficiently.

Interactive prototype made in Xcode with Swift by Natalia Koldaeva

For current project I use Sketch Cloud to share my prototypes and get feedback from the team. I use Zeplin to provide approved designs to developers and create design system.

Design system in Zeplin by Natalia Koldaeva