Back to all projects

Liberum

A User Interface Design Project

Developing a sharing economy on college campuses

Liberum, meaning free, was conceived as a movement. Every year, upper-classmen move out of the dorms and new students move in.
The upper-classmen have stuff to give away, the new students are in need of stuff.

This is a project my team members and I did in our Junior Year of college. We decided to create an app that facilitates the need of upper-classmen to give their stuff away and the need of new students to get that stuff.

I acted as the Interface Designer and Project Manager. Some of the skills and tools used were in this project were Project Management, Team Facilitation, and Sketch.

The Process

01: Team Building

Since this was a college project, our team was made up of people with similar skill sets. During this phase, we spent a good amount of time getting to know each other, giving our team a name, and figuring out what areas each of us would like to take ownership of.

02: Market Research

After brainstorming a few ideas, we decided to test them with out potential users, the college students. Liberum had the most appeal, and we chose it accordingly.

03: Sprint Planning & Execution

We were following the Agile Methodology, SCRUM for this project. We would plan two-week sprints and execute them accordingly. We also tried our best to have daily SCRUM meetings.

04: Documentation

I compiled Sprint Review reports every two weeks. In addition, all team members were encouraged to document and report their learnings and best practices, so as to develop a knowledgebase for next year's teams.

05: Visual Design Process

The inspiration was drawn from Instagram, and the app interface was finalized in Sketch, after sketching on paper, and making wireframes in Moqups.

06: Presentation

At the end of the project, we presented a live demo of the app alongside team member introductions, concept description and the challenges we overcame.

The Deliverable

The final deliverable was a set of hi-fidelity screens (alongside a style guide and motion guidelines) that were handed over to the front-end developer. In addition, I was also responsible for making sure all other team members were meeting their deadlines and completing their deliverables.

Feel free to swipe through the screens below.

Old Website

Some more text

New Website

Some more text describing this image

Motion Design

Old Website

Some more text

Fun Fact #1

This is a project from 2014, right after Google had just released Material Design Guidelines. I remember being blown away by the small interactions they'd introduced, like the floating button '+' turning into a 'x'.

Old Website

Some more text

Old Website

Some more text

Old Website

Some more text

Fun Fact #2

Since this was a college project, our instructors asked us to use as little resources as possible to best emulate the development environments found at startups. These animations were created using a technique called 'onion skinning' or 'tweening' in Sketch.

Concepts

Birds

Website

Field

Photo

Bridge

Illustration

Raybans

Website

Sand

Website
Hire me