VANFUN

VANFUN is a manual that helps you transform your van into a campervan.

It is made for people who want to build themselves their van's furniture following the legal Spanish requirements.

This is a personal project, in which I came up with a product idea and built a website to sell it. Creating the idea, conducting the research, developing the brand, the copy and the development of the web.

views of the mountains from Terrazza de la Dolomite
fondo bosque campervan

PROBLEM STATEMENT

Every day, more and more people buy a van to use it as a travelling home.

Buying it “camperized” (with the furniture already set), is quite expensive, so it is very common to build the furniture yourself. But it is not easy, specially in Spain, where there are laws and regulations that affect the characteristics of the load you can carry in your van.

I came up with the idea to create a manual with which you can build your own furniture following the legal requirements necessary in Spain, although you can still use it in any other countries…

USERS AND AUDIENCE

Vanfun’s users are nature lovers, between 20 and 45 years old.

They love adventure, nature, and they likely practice some outdoors sport such as climbing, surfing or hiking.

They care about health and environment.

image of user persona's cards
blurry image with some of the references

ROLES AND RESPONSIBILITIES

As this was a personal project, I was the only one working on it.

I relied on user testing to discover if I was on the right path and to learn when there was something to improve.

snippet of javascript code
snippet of HTML, CSS and JS code
snippet of css code

SCOPE AND CONSTRAINTS

I combined the development of this project with my UX/UI full time job, so it was definitely challenging, but worth the effort.

I had to accept that the circumstances were special and that I had to adapt to my schedule. Working against the clock to do the best I could with the time I had, making hard decisions about which areas to focus on to get the best possible results.

PROCESS

Defining the problem.

I knew first hand how difficult it is when you first get a van, and you have to convert it in a living space.

I conducted some research exercises such as semi-structured interviews with people from the campervan community, where I asked them different questions to discover what were their goals when they bought their van, which problems did they face, their process and pain points.

Working on the solution.

Once I knew the problem I wanted to solve, I developed a PRD (Product Requirements Document), I started creating personas, studied the competition, created a user flow and generated the wireframes.

I conducted user testing with three users, and used the feedback to iterate and make some improvements.

mockup of the web

User Interface design.

After defining the problem, discovering the users and creating and testing wireframes, I started working on the user interface, I developed a UI kit, to use it as a library during the design process, and design all the sections mobile first.

I proceeded then to develop the code of the site, using HTML5, CSS3 and JavaScript.

snippet of javascript code
snippet of HTML, CSS and JS code
snippet of css code

LESSONS LEARNED

I learned the importance of collecting and aplying user's feedback.

Coming from a background of graphic design, I am aware of how differently feedback is used in each discipline. It was eye-opening to see how the product improved after using some of that feedback collected during the testing.

I learned the importance of investing time and resources in research and planning before starting the development process of a product.

BACK