Creating Mood Board, Brand Style And Logo
After creating the rough sketches for the App, we started discussing the various aspects of the brand style. I started making the mood board for the further process. I wanted to make a mood board that helps me in deciding on the colours, gives me ideas from similar products and gives me ideas about the brand logo and overall brand image. Here is the mood board that I prepared, I also wrote some keywords that helped me to create a mood board that was right for our brand:
Research & Brainstorming And User Journey Mapping
Here at this stage, we were also expected to do a deep study on one of our competitors along with general competitor research to understand the product and the industry properly. So, the general research about the few competitors was done by Monk Design Studio where we picked a few applications that were providing similar products and services that we were planning for our product.
After gathering all the necessary data from the research we started to brainstorm about our products and services. We started to put our ideas on the board in the discussion according to our problem statement. When a few things didn’t make sense in the problem statement, we also revised our problem statement. Finally, we made a board where we decided on various features, categories and some important points to have a reference for everyone in the group as sticky notes to get ideas for the further design of the product.
Problems & High-Fidelity Design
We are glad, we did the research thoroughly, took the necessary feedback and changed our approach towards our design. We made many iterations throughout the process, we decided to remove the product shipping feature of the app, we revised all the services and kept the necessary services needed to the owners and we also narrowed our pet ownership service to dogs, cats and other animals. These were the major changes we made to write our new problem statement brief to have a clear vision for our product in mind, but we made many small iterations along the process.
As we created the new colour and font style for our App, Our team started to implement our new ideas into the high-fidelity wireframes of our App. We corrected our language at various places in our App, introduced the pets’ profile section, removed the report option in Petstagram’s posts, improved doctor service for the pets, designed a pet listing page and kept all possible user-friendly options like search, sort and filter on that page, we also changed names for the services like Pet Sitters, Pet Audit, Blue-cross Emergency Service and Pet Hand-over Service. Likewise, we made many small changes in all the service features and finally created the design components and our high-fidelity design. I designed the tutorial screens, home screens, pet’s owning section and its entire flow until the successful payment screen, petstagram screens, cart, basket, notification, profile sections and the setting screens.
Usability Testing
Before testing our prototype with the users, I prepared a questionnaire and a script for the users so that we both could stay on the same page and get the needed and quality answers from the users. This is the questionnaire that I prepared before user testing.
Our Clients
