Skip to content
Veronika SurabProduct Designer

Portfolio · 2018 — 2026

I’m Veronika, a product designer. For 7+ years I’ve turned research, whiteboards and hard constraints into interfaces for marketplaces, ed-tech, cloud storage, insurance and cybersecurity.

Every product starts as noise. Flip the switch.

(00) In short

Idesignproductswherethestakesarereal:merchantsracingtomarket,teachersbuildingaliving,peopleprotectingtheirfiles,theirfamiliesandtheircompanies.Istartwithresearch,sketchintheopen,testwithrealusersandshipsystems,notscreens.

Years
0+

Designing products since 2018, across six teams.

Screens
0+

Designed across the five products in this portfolio.

Industries
0

E-commerce, ed-tech, cloud storage, insurance, security, mobility.

Platforms
0

Web, iOS, Android and Windows desktop.

(01) Selected work

Every case rebuilds the original interfaces in code, with live states, working controls and the reasoning behind each decision. Press things. They respond.

01 / 05

Scallium

From spreadsheet chaos to a launch pipeline.

Open case study
Scallium · Connections
02 / 05

Lectera

A course studio for teachers. A learning path for students.

Open case study
Lectera · My courses
03 / 05

Mimecast

Turning threat noise into clear decisions.

Open case study
Mimecast Cloud Protect · Overview
04 / 05

FEX.NET

One cloud, three surfaces, zero lost files.

Open case study
FEX SYNC · Windows
05 / 05

IBA

Quotes, policies and claims in one calm dashboard.

Open case study
IBA · Dashboard

(02) Process

For new, complex functionality my team worked in design sprints. This is the loop, with the actual artifacts from Scallium. They pile up the same way they do in real life.

  1. 01

    Understand

    Start with the problem, not the pixels. Consult the product owner and stakeholders until the goal is sharp.

    Artifact: Stakeholder sessions

    See it in the Scallium case→
  2. 02

    Diverge

    Brainstorm with the team and sketch in the open: whiteboards, paper, sticky notes. Quantity before quality.

    Artifact: Whiteboards & paper sketches

    See it in the Scallium case→
  3. 03

    Decide

    Put the best ideas on a story map and slice releases: what ships first, what waits for iteration two.

    Artifact: Story map & release slices

    See it in the Scallium case→
  4. 04

    Prototype

    Build an interactive Figma prototype that is real enough to break.

    Artifact: Clickable prototype

    See it in the Scallium case→
  5. 05

    Test

    Run a prepared plan with 3–5 target respondents, write the report, change the prototype.

    Artifact: Usability report

    See it in the Scallium case→
  6. 06

    Systemize

    Grow a design system alongside the product, so it stays unified and the work speeds up.

    Artifact: Design system & Storybook

    See it in the Scallium case→

Brief · PO + stakeholders

It takes too long for merchants to enter the market, which is critical when there’s a lot of competition.

Product data lives in Excel. Several departments prepare it, and sharing is labor-intensive.

Parallel sales channels eat working time. Existing tools don’t cover the whole job.

→ one system, faster launch

1The brief
Whiteboard with three sprints of sticky notes
2Sprint board · 3 sprints
Story map for importing products
3Story map · 11 must-haves for release one
Figma prototype with connected screens
4Figma prototype · offers flow
Usability test plan with tasks, goals and hypotheses
5Usability test plan · names redacted
Design system documentation sheets
6Design system · Storybook

(03) About

Portrait of Veronika Surab
Kyiv, Ukraine · UTC+2/3

I studied Software & Information Systems at the National University of Kyiv, so I think in systems and speak developers’ language. I started in 2018 at FEX.NET, designing a cloud storage product for web, Android and Windows next to a lead designer.

At Axon Development Group I designed insurance, online education and food delivery products, from sitemaps and user flows to responsive and mobile UI. At Scallium, as a product designer, I ran workshops, interviews and usability tests, built the prototypes and established the design system for a marketplace automation platform.

Since then I’ve designed new functionality, a service blueprint and an internal library at Dev.Pro, and built products from scratch with UI kits and campaign assets at ExtraContrib.

01

Research that changes decisions

Interviews, workshops and usability tests with 3–5 target respondents, written up and fed straight back into the prototype.

02

Systems, not one-off screens

Design systems with guidelines and a Storybook component library, UI kits and internal libraries that unify the product and speed up the work.

03

Craft on every platform

Responsive web in three resolutions, iOS to HIG, Android to Material, and Windows desktop apps.

04

Close to the business

Worked directly with product owners, stakeholders, sales teams, business owners and developers on every platform.

Tools

  • Figma
  • Sketch
  • Abstract
  • InVision
  • Miro
  • Zeplin
  • Photoshop
  • Jira
  • Framer
  • Storybook

Skills

  • UX research & usability testing
  • Information architecture
  • Interaction design
  • Wireframing & prototyping
  • Visual design
  • Style guides & design systems
  • Cross-team collaboration
  • Agile & Design Sprints

Education · 2015 — 2019

Bachelor of Software & Information Systems

National University of Kyiv

Education · 2017 — 2018

UI/UX web & mobile design

Mobios IT School

Award · Apr — May 2018

Winning team · All-Ukrainian Student IT Competition

Took the UI/UX designer seat on the team that won “Programming & managing IT projects”.

Languages: Ukrainian (Native) · English (Upper-Intermediate)

(04) Experience

  • Design SprintsUsability testingDesign system
    • Ran workshops, usability tests and user interviews.
    • Built clickable prototypes and the UI; established the design system.
    • Worked closely with the product owner, stakeholders, sales and developers.
    Case: Scallium→