Skip to content
Veronika SurabProduct Designer
Case 04Web · Android · Windows

FEX.NET

One cloud, three surfaces, zero lost files.

Storage and file transfer, so a broken or stolen phone never means lost memories. Web storage, the FEX.NET ID Android app and the FEX SYNC Windows client.

Role
UI/UX Designer · with Lead Designer
Timeline
Aug — Dec 2018
Platform
Web · Android · Windows
Tools
Sketch, Framer, InVision
Scope
40+ screens
Team
Fex.net
Scroll to enter the product

(01) The problem

FEX.NET stores and transfers files: photos, videos, audio and documents, viewable online and available offline.

Without

One phone holds everything.

Photos, videos, documents. Stored on a single device.

My role
UI/UX designer working with the lead designer: UX research, prototyping, UI and graphic design.
Tools
Sketch for design, Framer and InVision for prototypes and reviews.
Surfaces
The web storage, the FEX.NET ID Android app, and FEX SYNC for Windows.

(02) One cloud

Three products, one storage. The web app, the Android app and the Windows tray are rebuilt below and wired to the same files. Upload from the phone.

Web · fex.net

fex.net · CIA Documents

Windows · FEX SYNC tray

ANanna@fex.net

Used

11.3 MB of 1.0 TB

Upgrade plan
  • PDFPresentation_345.pdf
  • XBudget_2019.xls
  • ZIPSetup.zip
100%completed

Android · FEX.NET ID

Tap the blue + on the phone and upload a file. Watch it arrive on the web and sync to the PC.

(03) Wireframes → UI

Every screen went through wireframes before the visual design: 10 wireframes for the app, 8 for the desktop client. Here are the pairs, side by side.

Original artboards · drag across to compare
Storage final design
Storage wireframe
WireframeUI

01 / 05

Storage

The dark toolbar and blue accents arrive. Upload progress becomes a thin blue bar with the percentage in bold, and file types get colored badges.

(04) FEX SYNC

FEX SYNC is a Windows app that automatically synchronizes and backs up data between the computer and the FEX.NET cloud. Setup is a short wizard: authorization, synchronization, backup. Click through it.

Explain, then ask
Every step opens with an illustration of what happens, computer ⇄ cloud, before a single setting.
Selective sync
Folders can be unchecked one by one and show “No sync”, so heavy folders don’t fill the disk.
Calm ending
“Your data is safe!” The last screen says the thing people actually care about.
Next case · 05Insurance · Web app

IBA

Quotes, policies and claims in one calm dashboard.

Continue to IBA