MY DESIGN PROCESS

This project is a good sample of my design process. 

Client:  

The client VOSOFT have a Software as a Service (SaaS) application using Web 2.0 technology. The application simplifies meeting room reservations. Instant booking of meeting rooms, conference rooms, studios, labs and other facilities. A new brand was needed with major improvement to user interface and experience.

My process: 

Branding  –  User persona & journey  –  Wireframing –  Prototype Design  –  Final Layered Files.  

Branding

Book Meeting Room is an existing business with a current worldwide client base. They needed a new brand and development of the user interface. I sat down with company and we figured out the direction of the new brand. A new lease of life was needed with a more user friendly and attractive interface. I began with the new logo. I always create a logo in black and white at first to get a better idea of the aspect and overall shape of the logo. After many iterations we decided on a minimalistic icon that would work well in mobile and across all media. The colour palette used would also give futuristic and universal appeal. 

bmr-logo
bmrcolour

User Journey & Wireframing

Book Meeting Room has an existing website so in the user journey we also used it in the pain points and the new website as possible solutions. With over 8 years of servicing users, we used support questions and customer feedback from previous issues to establish  user pain points, frustrations and needs.

Persona & Scenario
Initial sketched out user journey

Website Design

The existing website www.bookmeetingroom.com is functional but needed an injection of energy and improvement to user experience. The website’s main CTA would be for users to register with the service and avail of the 30 day free trial option. I designed the the website to focus on this and push the user to register with the service. 

  • I did initial sketching to establish the user persona, user journey and the sitemap of website with the company directors. 
  • Then I did up wireframes to follow the user journey.
  • I then designed the new home/landing page with all the focus to guide users towards registration.
  • (below is new website with branding and and responsive layout)

UI Elements 

I designed a basic UI Design kit for developers to use when developing web app. New branding to use with action buttons and menus.

Final Layered Files

I worked with main stakeholder to establish what the application lacked and what the user feedback was. This is the new design for internal application for bookmeetingroom.com. The design will respond well in mobile also. With so many current users happy with most of the functionality of old website/app we kept alot of what was there but made it more user friendly with a clean layout. The colours used here are just to show that you can personalise the interface colours when using the app. New branding will be in place when you first use trial version.