The recent student job I've done before I got a job in my profession. The project was about creating UI/UX design for a client that has a website. At the time I was at the 3rd year on University of Informatic Design.
Primary goal was to create "Frames" - Design of the Forms.
The client started his start-up company named Floornap - A platform for a variety of low budget accommodation within 15 euros per person. The goal of the company is to make possible for both - hosts and travelers to make eco-friendly accommodation possible.
- A finalized version of the visual identity I've made for the website.
As the logo has the darkish blue and orange color combination, I've managed to pick Sky Blue for the background color as it makes nice contrast - which means nice visuals and something that user will like to use.
HEX Codes of Logo and Background Colors.
Every UI/UX Design process consist of concentrated elaboration of preparation and ideas. It's not about turning on some of the Adobe Creative Cloud software and making something from the scratch. It's about making a personalized design that will get remembered and subconsciously connected with the brand - in this example - Floornap, and its visual design.
- This was already the idea that was constructed well, elements were balanced well and the layout was trasnparent. The thing that was bothering me was I tried to exempt the orange color from the logo. That made the design more serious and at the time I wanted that look. By rethinking, I finally decided to make it more colorful as the theme of the company is socializing, traveling and discovering new things.
My actual job in this case was to make a nice UI (stands for User Interface, everything you as a user can see at the layout of the webiste) of the forms of "Register | Login | Become a Host | Booking"
All of that 4 elements are visually divided on the main page of the website, but with a nice visual identity and consistency as a user (for example) registering and trying to "Become a Host" should be "looking the same" and making fluid synergy, without our user get distracted or lost.
Completed Project - Examples of the Visuals
The main intention was to make a design for the website, but I as a designer like to provide to my clients a mobile version in case they want to make mobile application some day - or just for the mobile version website.