Web Projects

# File Browsing Interface

At SpiderOak we used Twitter’s Bootstrap framework for the web, and creating similar styles as I had used in designing the mobile application’s for iOS and Android devices.

My focus was to create an experience that was consistent across platforms and devices.

This meant merging the style and structure of the redesigned mobile applications to the web.

#List & Icon Grid Views

Browsing files can be monotonous. I created a design that's rich with important information about the user's account and files.

#Viewing Files

Accessibility, ease-of-use and scalability. Those are my goals for creating an easy to use file browsing web app. With clear and concise, contextually driven tooltips, smart and thought out UI elements, this layout allows for browsing ease. Even if you have large amounts of data.

#ShareRoom File Upload Drag & Drop

The SpiderOak Share functionality allows you to share all file types with whomever you like.


#Administration Management

Continuing along to the administration sections of the web app, keeping the overall style and consisitancy of the site was of the utmost importance.

My goal here was to help the user make sense of the data and user lists.

By creating several types of viewing options, the account administrator will find a view that suits them at the time.

#New User Authentication

#Desktop Browser

# Mobile

#Product / Service Signup Process

#Information Architecture


I designed the internal content structure for several pages of the Ark V2 prototype.

My task was to create a concept of what the 'Shop' section of the site would look like. The first active sub-navigation module, 'Featured', was designed to show off top products from featured stores in the network. 'All Stores' features the ability to view the featured products within a carousel on mouse-over. 'Today's Deals' focuses on location-based personalization.

#Ark Web

#Web Forms

#Other Web Projects