Kaigi

Conference finding app for a start up. 

Scenario

My studio was approached by a group of young entrepreneurs with an idea regarding a mobile application. Kaigi is the comprehensive solution for finding conferences for the young professionals and entrepreneurs.

Role

As the lead designer on the project, my tasks included branding and logo design, concept development, user interface design, user research and prototyping in addition to working closely with the founders and the development team regarding the final vision for the product.


Branding Development

Color Palette

To find the best color palate for the Kaigi brand and the mobile application I researched by taking psychoanalytical questionnaires and quizzes to explore the best color scheme revealing the brand’s intentions and goals as well as its intended audience. Factors that were taken into account included, target audience age and professions, intended daily user engagement, and influential companies in the field. Examples of such were Zoom (for video conferencing), Snap (communication and daily user engagement), Linkedin (trustworthiness and career advancement), and Eventbrite (event finding and social networking). Finally Navy was Chosen to reference trustworthiness and professionalism and Orange was Chosen as the complimentary color that brightens up the app and targets the young energetic audience.

Navy: Chosen to reference trustworthiness and professionalism.

Orange: Chosen as the complimentary color that brightens up the app and targets the young energetic audience.

 
color.jpg
 
 

Logo Variations

Clean, legible, geometric, minimalistic, playful logo.

Inspired by the concept of gathering, getting together and being in one space. Dots and circles signify togetherness and the organic shape represents human centered design. Dots also represent head count and human presence. The logo is formed into a cube-like space containing many points referencing both humans and the various subject areas.

Bottom dot is taken out intentionally to signify the presence of the user attending the conference, the "almost" complete.

 
logoVariation.jpg
 

Final Logo

logo.jpg
 

User Goals

The application’s important features then needed to be reviewed with the founders and the development team to assess the most important goals for the app’s vision and considered crucial to the success of the application. Following key features were discussed and planned to be included the design of the application and later on be tested on users.

  • Ability to register for conference in the app by redirecting to conference registration page

  • Ability for conference planners to add their conference to the database

  • Ability to show conference details such as highlights, key speakers, and logistic details (hotel information, special rates), networking events, etc.

  • Ability to Feature “popular” conferences

  • The ability to Rate, comment and share conferences


User Personas

We interviewed a group of young professionals to learn about their background, their goals in their careers and what their frustrations were as a professional. I have listed three of our personas as focus points for leading the development of the app.

 
personas-01.jpg
 

Wireframes

Based on the goals and key principles of Kaigi, I then created the wireframes and user flow charts for the application so the team can visualize the concept of the application and how each piece is related to one another. In this phase I was in constant contact with the development team to keep my ideas in check and make sure the team can implement my ideas into the final product. I usually keep the first wireframe sketches simple and concise and approach them as part of the visual experience of the app.

 
wireframeSketches-01.jpg
 

Customer Journey Map

After user interface deigns were finalized with the team, interactions needed to be made and tested with the users. For this purpose I had a focused group of 6 young professionals interested in using such an application to further advance their careers and get involve in conferences. Goals of the application was explained to each user and they were given specific tasks in different stages of the development. Such tasks included, sharing a conference, adding a conference to their calendar, registering for a conference, filtering based on date/location. Each interaction during their testing session were recorded and then analyzed with the team in regards to presented challenges and solutions.

We collected qualitative/quantitative data through user testing to analyze where the problems and opportunities are for improving the user experience.

 
Customer+journey+map%C2%A0.jpg
 
 

Challenge Example

We conducted A/B testing to choose a solution to the button challenge. During user testing the users were asked to add a conference to their calendar and share a featured conference with another user. Based on the user feedback and observation, the visuals and icons such as “add to calendar” and “share” were confusing for the user and they reported preference if texts were added for each icon. To both implement both icons and titles but to avoid overcrowding the page and keeping the minimalistic design approach used the following solution was implemented for the buttons.

 
Challenge

Challenge

Solution

Solution

 
 
Final Button Interaction

Final Button Interaction

 
 

User Interface

Based on the wireframes, then I collected each page needed for the functional final Kaigi app then designed the visuals elements and the completed interface based on the principles and guidelines made in the branding stage. Each page was initially designed using sketch and then exported to adobe XD for interaction assessment and prototyping in the next steps.

 
UI.png
 
ezgif.com-crop (1).gif

Animated Splash Page

 
 
 
 
mockup2.jpg