FailUp

FailUp is a platform for students to collaborate and build startups with the help of their university community. Currently, FailUp is offered exclusively for Tulane University students. FailUp was recently featured in Tulane University News and we are extremely proud.

www.failup.io

The Design Process

FailUp initally has an MVP with basic design. Reviewing the overall application. So my task was to do the user interface (UI) design that matches FailUp team's idea on how the application should look like and user experience (UX) design; from creating low-fidelity to high-fidelity wireframes, to conceptualizing the design, to building the working prototype of FailUp.

Initially, we did some user research, establish the personas of their target market and work from there. The team wanted to see how to make the experience of students collaborating on the platform work smoothly and make it more fun to do so I made sure we follow the design process I have built to achieve that.







What is FailUp?

The common misunderstandings I encountered with some clients is the need to go very detail immediately on what and how they want it to look like. However, I always encourange them to start with the foundation. I always start with what is the goal of the project?


With FailUp, there's a need to revamp the whole workflow; from landing to the homepage of the web app and what students need to see, to how students could collaborate and provide their ideas on the platform. We did some user research and establish personas of their target students.


A few of the wireframes we made for the homepage and the workflow on collaborating with an idea.










As you have noticed, ComeFail was the original brand name. It was later changed to FailUp after some user research and surveys conducted to know which suits the app concept.





Brand Colors

The concept behind FailUp is to make it fun to share ideas and to encourage students to collaborate. The feel and the color scheme was taken from these images.




After 5 iterations of the homepage page, here's the final design we based the overall theme. A few notable changes we made on the homepage was to make it easy for the students to see how it works, make it easy for students to focus on just one idea and decide whether to upvote or downvote.








FailUp was built using




FailUp was built using Ruby on Rails and AngularJS. The Bootyard team, a Ruby on Rails development shop also based in the Philippines, developed the web application. If you are looking to build a similar project or any start up idea you have in mind, Bootyard team of Ruby on Rails developers, Node.js developers and AngularJS developers can surely help out.


Testimonial

Deciding to work with the Bootyard team was the best decision I have made since starting. I came in with an idea and some doodles and Bootyard was able to work side-by-side with me to turn that into a real product that I am extremely proud of and impressed by. The team put in extra hours and effort to make sure that I was satisfied with the final product, although I often changed my mind on important decisions during the design & development process. Not only did Bootyard build an incredible product, but Ademar, & Honee were incredible partners and friends with my best interest at heart.
Ethan Levy | Founder at FailUp.io

Explore More Works