Frame

Frame represents a unique infrastructure-independent DaaS app streaming platform, that allows users to run full Windows and Linux desktops and applications in their browser. It gives them everything they need to deliver desktops and applications, including integrations with popular identity, network, and storage solutions from leading vendors. Simply put, it lets you run any Windows or Linux app in a browser. Or even embed an app, like you would do with any YouTube video on your blog post or a website.

A bit of Background

The job at Frame (it was called Mainframe2 back then) was my first full time job. The year was 2013, and I was happy as a freelancer at the time, but when Frame contacted me, I just couldn't miss an opportunity to work on a product that innovative and with such a talented and ingenious group of people. No similar solution existed at the time, so everything was done from the scratch. 

As one of the earliest few employees (the headcount grew around 15 times during my four year tenure), responsibilities included all-things UX/UI & front-end related. At the beginning, as being in a start-up often requires, I was fulfilling a few roles at the company. Being the only designer, as well as the only front-end developer, I was crafing several parts of an ecosystem in collaboration with CEO, Product Manager and Marketing Manager: Dashboard, Launchpad, Terminal and marketing websites, to name a few.

frame-clients

Some of the Frame's clients at the time

As the time went by, I was moving to design related tasks more and more, as a consequence of my wish to grow in that field, and potentiated by a few more front-end developers coming on board. The UX design system that we built worked well, so near the end of my time with the team efforts were aimed at marketing and promoting the company by creating microsites and print work.
 

frame-media

Some of the media reporting about Frame at the time

Shortly after my departure, Nutanix acquired Frame for $165M, which is to this date the record amount when it comes to Serbian start-ups.
 

The Style Guide

This was the first thing I insisted on. Because Frame had a lot going on, from the product itself that included Admin Interface, Terminal, Dahsboard, Launchpad, Android app, iOS app, macOS app and so on, creating a flexible style guide was a bare necessity.

It needed to be simple, straightforward, and "invisible" - not to get in the way of users just wanting to run their apps.

frame-styleguide

The Launchpad UX

As the name suggests, this is where you launch your apps from. Personally, I consider that rethinking the launchpad was my biggest contribution to the product. Moving from a dashboard-like layout, to something more like a desktop, more user-friendly. 

frame-launchpadUX

A few wireframes quickly put together to describe the initial launchpad state and the one after the UX design was, in my opinion, properly done.

The Interface

I am not able to show you everything, but here are some shots of explorations, concepts, and examples of the various parts of Frame interface on which design and/or front-end code I worked on.

ss-1
launchpad_v
launchpad
Screenshot-2020-04-28-at-09.26.08
Team-Members
ss-2
ss-3
mouse_mode_modal
dashboard_production
Group-5
dashboard_elasticity
Group-4
2app_login_wireframes_example
app_terminal_onBlack
4keyboard_mouse
3app_switcher
admin

Some Print Work

While at Frame, I also did some print & stationary work (roll-ups, flyers, notebooks, power banks, t-shirts, badges, etc) for various events that the company was host of.

rollup
roll_up
notebook
tshirt

See More Work

OcietyVenue Focused Social Network

Optimised HealthcareA P4 Medicine Platform

Branding & IllustrationFeeling adventurous