Portfolio

Over the last decade I worked on more than 30 projects with several teams in education, research and startup scenes. Most of these projects required thinking outside the box to create a brand new interaction of experience. You read about some of these below, let's talk if you want to learn more. 

OSF Pages

OSF Pages is a visual web page builder created for the Center for Open Science as a concept prototype.

I designed this product and lead development and user research with a small team at the Center for Open Science. Our challenge was to build a way for researchers to create quick displays of their research projects and build beautiful home pages without any knowledge of web development.

Treebeard grid library

Treebeard Grid Library

Treebeard is a grid library with the goal of providing a customizable grid for developers and handling all file browsing related user experience needs efficiently.

It includes implementations of multiselect, drag and drop, error handling, resizing, responsive view and gives visual feedback to increase ease of use. I designed and built the full code of this library using Javascript.

Get the code here

 

Horizontal Website Template

Building horizontally scrolling pages is notoriously difficult, that's why so few of them exist. This template is designed to work as a modular experience, allowing users to open up pages next to each other. I designed the UX interactions and built the code for this template.

It includes some great examples of mapping of content and menus, auto scrolling to relevant areas, self resizing grid of items and focus mode where users can work with a single subsection at a time.

OSF Dashboard Redesign

The Open Science Framework is a website for researchers to collaborate with colleagues on their research. Dashboard redesign of OSF involved researching user needs to focus on providing features with most utility to existing users.

It also included important product design methodology and data driven design decisions. For instance I discarded an activity log visualization after studying how the feature would look and behave for users with different activity levels. I also included analytics to measure product design goals to make sure 3 months after release we hit our initial goals.

Adapdif

Adapdif web application was the product of a lengthy process of converting an academic concept of “differentiation” into a tangible and easy to use tool. Through design thinking steps, we narrowed the conceptual value of the teaching methods into distinct pages and interactions available on a web application.

This MVP version provided a unique grouping feature that allowed teachers to use data while grouping students for in class activities. It also included ability to build surveys, take notes about students and feed all student data into the grouping tool to make better grouping decisions.

Dscourse

Dscourse is a fully featured online discussion app built for higher education faculty to conduct part of their classroom discussions online with large groups of students.

It is the result of a year long research and design process that analyzed how deep conversations happen in real classrooms and some innovative methods to replicate these in a web app. This project was another examples of product design from scratch, using best practices in user research.

Watch demo video here:https://www.youtube.com/watch?v=9bYoeA6Igz0

Image

Typographics

Typographics was a development and design project that allowed people to overlay text on images to build beautiful images with quotes. 

Image

Reading Comprehension Tool

This small full stack app was built for a research project and allowed students to highlight text in three different colors and add comments. 

Image

Schedule Card

This is a visual design exercise for building a card view for a scheduling application.