Robin Floris

User Experience & Front-end Developer

Hi, and welcome

Hi, my name is Robin Floris. I am a User Experience & Front-end Developer, world traveler and new technology enthusiast, from the Netherlands. Here you can find a selection of the work I have done for multiple companies.

I am passionate about creating memorable, digital experiences, focused on the user experience. I love to push my limits to create the best possible, user friendly solution.

Front-end skills

At the moment

    • Continents
    • Years experience
    • Countries
    • Days smiled
I want to be the best at what I do!


A selection of the projects I have worked on.

Maze Backpackers

UX - Design - Code


Maze Backpackers is a youth hostel in the heart of Sydney. They want to promote themself as a fun, young hostel with a friendly atmosphere and open for everyone.

Their previous website wasn't focused on their target audience and wasn't mobile friendly.

My objective was to create a website with a better focus on their target audience and because of this increase the bookings via their website.

User Research

The target audience of Maze is international backpackers. For their new website I conducted user research. The main points from the research were that backpackers usually book a new hostel on the road, via a mobile device.

Aside from price, they pick a hostel based on the overall look and feel of the hostel, what kind of activities and facilities (rooms, kitchen, common area) there are are and what other people (friends) say about the hostel.

User Stories & Wireframes

Based on the user research, I created user stories and, based on those user stories, I created wireframes. As the majority of the backpackers use their mobile devices to book a room, it was obvious to work mobile first.


When the users come to the website they want to check if the hostel is right for them. So I included an about maze block. About the rooms and a Facebook block to see if friends already liked the hostel.

I also wanted to include the activities on the homepage. First as a plain text list which can be updated once a week. But the hostel uses Facebook a lot which is a better way of showing the hostel activities.

Visual Design

Based on the wireframes I created the design. We kept the logo and colors of Maze but made the whole website look more fresh and open for everyone. Adding a catching photo of Sydney to convey the users to book a room in the heart of Sydney.


By rebuilding the website mobile first, the percentage of users on a mobile device doubled which is more in line with the target audience and the conversions improved significantly.

Blue Staff Recruitment

UX - Design - Code


Blue Staff is a Sydney based recruitment agency, which focuses on the construction area. They needed a website where future staff and clients can sign up.

My objective was to focus on both user groups and give them both the information and tools they need so they can easily sign up.

User Research

The target audience for Blue Staff are companies looking for new staff and workers who are looking for a new job. They are both completely different user groups.

I spoke with multiple candidates who were looking for a job. They explained to me that they wanted to know how the process worked from the start to getting a job and, what Blue Staff does to help the candidates.

Blue Staff will look for companies to work with instead of companies coming to them. So the website for them is more a summary of what Blue Staff has to offer. I sadly couldn't contact the companies to talk with them about their requirements so I based this part on the requirements of Blue Staff.

User Stories & Wireframes

Based on the user research, I created user stories and, based on those user stories, I created wireframes.

The main point was that the website was for two target audiences. So on the homepage I created 2 action buttons for each target audience. Underneath them I created 3 boxes with information for both user groups and a general story about the company.

On the client page I created information blocks with a summary of information where they talk about when Blue Staff visits a client.


On the candidates page I created a 7 step process to explain to the future candidates how the process worked from the start to their first payment. I also included information for the candidates, on what Blue Staff does for them. And I put a button with "Current Jobs" so the candidates can have a look if there are jobs of interest to them.

On both pages I put an action button on the top of the page so they can easily contact Blue Staff and sign up on the bottom of the page.

Visual Design

Based on the wireframes I created the design. I kept the designs basic. My first iteration was without any big images to keep the focus on the text and the contact forms. But when I tested the designs with the candidates they didn't get the feeling that it was a recruitment agency for construction. So we added images to give it that look.


When the new website launched, a lot more potential candidates signed up and they grew their group of clients to provide more work for their new candidates.

Journey Planner

UX - Design - Code


During my study at the Queensland University of Technology in Brisbane, Australia, I had a course where I needed to find a solution for a problem which I encountered in my daily life. I had to create use cases and a working prototype.

Every day I had to take public transport to the University and, especially in the beginning, this was a difficult journey. There is no indication of where you are or where you are going with the public transport. So I didn't know which stop I had to get off at or how long it would take to get somewhere.

User Research

The Journey Planner is for people who are new to the city or are traveling to a part of the city which they have never been to.

I focused on international students as they are new to the whole city and need to travel a lot to different campuses around the city.

User Stories & Wireframes

 The international students need just on-time information. When, for example the bus is coming, when you need to get off the bus and how to walk to your final destination.

To provide the user with this kind of information I chose a timer interface, because they always want to know how long it takes, for example before the bus arrives or before they arrive at their destination.

Not only do they want to know what they need to do at a certain moment, but they also want to see the whole journey so they know what else they have to do and when they arrive.

Visual Design

Based on the wireframes I created the design. I used a lot of icons in the design as they don't take up a lot of space on mobile devices.


You can see the prototype of the Journey Planner here

Robin op reis

Design - Code

The Netherlands