{"json":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect with doctors across Canada for medical care for you and your family from anywhere and at any time using your computer or phone device."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://server.onli.bio/files/onliweb/db5cc22d62d6f5aff3c9a20bd5102b05_5e1184516a42a471e159e918bewellopen2.lg.webp","alt":null,"title":null}},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"My Role"}]},{"type":"paragraph","content":[{"type":"text","text":"UX/UI Designer"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"Platform"}]},{"type":"paragraph","content":[{"type":"text","text":"Mobile iOS and Desktop Application"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"Tools"}]},{"type":"paragraph","content":[{"type":"text","text":"Adobe Illustrator, Adobe XD, Mindmeister, Photoshop, Miro"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"Process"}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e1aed00db4d52b479f8833b_design%20process.png","alt":"Design process","title":null}},{"type":"paragraph"},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Problem Statement"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"Patients who live in remote locations, or who have disabilities or just can't take time off from work have a hard time going to the clinics or emergency rooms to see a doctor. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"Assumptions"}]},{"type":"bulletList","attrs":{"tight":true},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"People are looking for more convenient and comfortable way to see their doctor."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"People are looking for a service that is quick and professional and saves hours spent in a walk-in-clinics."}]}]}]},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"Competitor Analysis"}]},{"type":"bulletList","attrs":{"tight":true},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Telemedicine and virtual doctor visit is not a fresh-new concept. In fact there are many web and mobile applications provide access care when and where the patient wants. After checking the market and breaking down and analysing their features and business model, 4 of them stood out ( EQ Virtual, Maple, Amwell and Babylon by Telus Health)."}]}]}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e118450c5e98c3be8f44055_bewell%20competitive%20anaysis.png","alt":"Competitive Analysis Ramineh Visseh","title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"User Interview and Survey"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"To have a better understanding of the potential user and validating our assumptions, I interviewed people by going through multiple questions and sending out surveys."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"Questions"}]},{"type":"orderedList","attrs":{"tight":true,"start":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Are consumers comfortable sharing personal health and medical information and history for a better experience?"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Are consumers willing to pay for more convenient service?"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Are consumers interested in receiving recommendations about doctors automatically through their computer or mobile device?"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Do consumers prefer easy access to healthcare services over in person interaction with doctors?"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"Target Audience"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The target audience is people living in British Columbia age between 20-50 years old who are comfortable using technology and telemedicine and looking for alternative way to access medical care. The primary persona ‘Sara’ was created by analyzing the target group. The secondary persona ‘Kevin’ was designed to cover more aspects of the audience."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e1184504b55b02bc13747e6_bewell%20Persona%20A.png","alt":null,"title":null}},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e1184500227d0209679a740_bewell%20Persona%20B.png","alt":null,"title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"User stories"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I worked on the core user stories to define user needs based on pain points in context of use. With this, I was able to focus on the main user needs and designed the product experience flows around these."},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"text","text":"User stories defines user goals and helps to create a simplified description of user's need. Here are some user stories to define the features of the app."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"As a user,"}]},{"type":"bulletList","attrs":{"tight":true},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"I want to see a doctor from home or any other convenient place so I can skip long wait at clinics and emergency rooms."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"I want to see a doctor instantly so that I can get back to my routines fast. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"I want my prescriptions to deliver to my close by pharmacy or home so I can feel healthy and better faster and save time."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"I want health care related reminders so I can have a better control on my health care. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"I want someone assist me with account concerns or difficulties, so I can have the best experience using this application. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"I want to add other members of my family profile to my account so that I can see a doctor on their behalf. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"I want to have a record of my doctor visits including doctor notes, prescriptions and etc so that I can have access to them at any time."}]}]}]},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"bold"}],"text":"User Journey"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I worked on the user journey to understand a user's context in terms of their thinking, feeling and possible opportunities. With this, I created a linear scenario that our target persona goes through."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e14378eeb497c4cac98ba44_bewell%20user%20journy.png","alt":"User Journey","title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"Information Architecture"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I worked on the information architecture for organization, structuring, and labeling of content in an effective and sustainable way. The goal here was to help users find information and complete tasks easily."},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"text","text":"For this, I used card sorting experiment with a small group of users to create a defined hierarchy using mindmeister."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e118450c5e98c1e85f44054_bewell%20information%20architecture.png","alt":"User Personas","title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"Task Flow"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Among the considerable user stories, \" Visit a doctor\" and \" Add medical record\" were selected as the core mechanics of the MVP (minimum viable product)."},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"text","text":"Task flow was drafted around the core use case of the product and all user flow scenarios were considered for this for the initial version."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e1aef12db4d52d1d2f88f4b_taskflow.png","alt":"Task Flow","title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"Wireframes"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I started with the brainstorm sessions on white board, which I converted to paper sketches. From there, I created digital wireframes for the initial user testing. The fidelity was low without any color use so that users can only focus on the structure and the flow for functionality testing."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e1438d106a3612ab803171a_bewell%20low%20fedility%20wireframes%20.png","alt":"Low Fidelity Wireframes ","title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"Style Guide"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Style guide is essential for keeping consistent framework for any product, thus I worked on a comprehensive style guide for both mobile and desktop application."},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"text","text":"I kept the colors, typography, forms, icons, components and illustrations follow minimal design concept to keep the overall aesthetics uniform."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e1647f0c793812b06ba477e_Light_Version%20%E2%80%93%201.png","alt":"Style Guide","title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"Landing Page"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I worked on the basic landing page for Bewell with a simple goal to provide information on what the product does and with clear call to actions for users to sign up for their account."},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"text","text":"This was a fun task as it consolidated the overall solution that Bewell provides to the user as well as test the style guide framework implementation."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e14399806a3612c670318fd_landing%20page.png","alt":"Style Guide","title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"Design Components"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I worked on comprehensive design framework for myself to keep things easy to change and evolve as needed. This was achieved by creating components and typography guide in Adobe XD, which allowed me to make changes quickly from feedback rounds and be able to present an overall aesthetic change if needed."}]},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e1aa10d1abe2ca7a61581f3_Screen%20Shot-Mobile.png","alt":"Boards Desktop","title":null}},{"type":"image","attrs":{"src":"https://cdn.prod.website-files.com/5df9a8bc0201038f3057f896/5e1aa10e4b6c084b1c76b994_Screen%20Shot-Web.png","alt":"Boards Mobile","title":null}},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"type":"text","text":"User Interface"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The final product concept was tested using an interactive prototype for both mobile and desktop version. Minor tweaks were made around the navigation and user flow to make it more intuitive."}]},{"type":"paragraph"},{"type":"paragraph"},{"type":"image","attrs":{"src":"https://server.onli.bio/files/onliweb/545999193e30dcb2f12bd664539e1556_image.lg.webp","alt":null,"title":null}},{"type":"paragraph","content":[{"type":"hardBreak","marks":[{"type":"link","attrs":{"href":"https://xd.adobe.com/view/0ce698f5-6b83-4057-7c16-dcc065873a3b-7ad7/","target":"_blank","rel":"noopener noreferrer nofollow","class":"button gap w-inline-block"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you for reading this. Click below to see a working prototype (if you have the password). 🔒"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://xd.adobe.com/view/0ce698f5-6b83-4057-7c16-dcc065873a3b-7ad7/","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-blue-500 underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}}],"text":"Mobile Flow >"}]},{"type":"paragraph","content":[{"type":"text","marks":[{"type":"link","attrs":{"href":"https://xd.adobe.com/view/8d977567-8dca-4ad8-5edb-56b48e8e9e59-fba6/","target":"_blank","rel":"noopener noreferrer nofollow","class":"text-blue-500 underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"}}],"text":"Desktop Flow >"}]},{"type":"paragraph"},{"type":"paragraph"}]},"len":958,"title":"Bewell - HealthTech App","lastSave":1738136989605,"shere":false,"text":"Connect with doctors across Canada for medical care for you and your family from anywhere and at any time using your computer or phone device.\n\n\n\n\n\n\n\nMy Role\n\nUX/UI Designer\n\n\n\nPlatform\n\nMobile iOS and Desktop Application\n\n\n\nTools\n\nAdobe Illustrator, Adobe XD, Mindmeister, Photoshop, Miro\n\n\n\nProcess\n\n\n\n\n\n\n\n\n\nProblem Statement\n\n\n\nPatients who live in remote locations, or who have disabilities or just can't take time off from work have a hard time going to the clinics or emergency rooms to see a doctor. \n\n\n\nAssumptions\n\n\n\n\n\nPeople are looking for more convenient and comfortable way to see their doctor.\n\n\n\nPeople are looking for a service that is quick and professional and saves hours spent in a walk-in-clinics.\n\nCompetitor Analysis\n\n\n\n\n\nTelemedicine and virtual doctor visit is not a fresh-new concept. In fact there are many web and mobile applications provide access care when and where the patient wants. After checking the market and breaking down and analysing their features and business model, 4 of them stood out ( EQ Virtual, Maple, Amwell and Babylon by Telus Health).\n\n\n\n\n\n\n\nUser Interview and Survey\n\n\n\nTo have a better understanding of the potential user and validating our assumptions, I interviewed people by going through multiple questions and sending out surveys.\n\n\n\nQuestions\n\n\n\n\n\nAre consumers comfortable sharing personal health and medical information and history for a better experience?\n\n\n\nAre consumers willing to pay for more convenient service?\n\n\n\nAre consumers interested in receiving recommendations about doctors automatically through their computer or mobile device?\n\n\n\nDo consumers prefer easy access to healthcare services over in person interaction with doctors?\n\n\n\nTarget Audience\n\n\n\nThe target audience is people living in British Columbia age between 20-50 years old who are comfortable using technology and telemedicine and looking for alternative way to access medical care. The primary persona ‘Sara’ was created by analyzing the target group. The secondary persona ‘Kevin’ was designed to cover more aspects of the audience.\n\n\n\n\n\n\n\n\n\n\n\nUser stories\n\n\n\nI worked on the core user stories to define user needs based on pain points in context of use. With this, I was able to focus on the main user needs and designed the product experience flows around these.\n\nUser stories defines user goals and helps to create a simplified description of user's need. Here are some user stories to define the features of the app.\n\n\n\nAs a user,\n\n\n\n\n\nI want to see a doctor from home or any other convenient place so I can skip long wait at clinics and emergency rooms.\n\n\n\nI want to see a doctor instantly so that I can get back to my routines fast. \n\n\n\nI want my prescriptions to deliver to my close by pharmacy or home so I can feel healthy and better faster and save time.\n\n\n\nI want health care related reminders so I can have a better control on my health care. \n\n\n\nI want someone assist me with account concerns or difficulties, so I can have the best experience using this application. \n\n\n\nI want to add other members of my family profile to my account so that I can see a doctor on their behalf. \n\n\n\nI want to have a record of my doctor visits including doctor notes, prescriptions and etc so that I can have access to them at any time.\n\nUser Journey\n\n\n\nI worked on the user journey to understand a user's context in terms of their thinking, feeling and possible opportunities. With this, I created a linear scenario that our target persona goes through.\n\n\n\n\n\n\n\nInformation Architecture\n\n\n\nI worked on the information architecture for organization, structuring, and labeling of content in an effective and sustainable way. The goal here was to help users find information and complete tasks easily.\n\nFor this, I used card sorting experiment with a small group of users to create a defined hierarchy using mindmeister.\n\n\n\n\n\n\n\nTask Flow\n\n\n\nAmong the considerable user stories, \" Visit a doctor\" and \" Add medical record\" were selected as the core mechanics of the MVP (minimum viable product).\n\nTask flow was drafted around the core use case of the product and all user flow scenarios were considered for this for the initial version.\n\n\n\n\n\n\n\nWireframes\n\n\n\nI started with the brainstorm sessions on white board, which I converted to paper sketches. From there, I created digital wireframes for the initial user testing. The fidelity was low without any color use so that users can only focus on the structure and the flow for functionality testing.\n\n\n\n\n\n\n\nStyle Guide\n\n\n\nStyle guide is essential for keeping consistent framework for any product, thus I worked on a comprehensive style guide for both mobile and desktop application.\n\nI kept the colors, typography, forms, icons, components and illustrations follow minimal design concept to keep the overall aesthetics uniform.\n\n\n\n\n\n\n\nLanding Page\n\n\n\nI worked on the basic landing page for Bewell with a simple goal to provide information on what the product does and with clear call to actions for users to sign up for their account.\n\nThis was a fun task as it consolidated the overall solution that Bewell provides to the user as well as test the style guide framework implementation.\n\n\n\n\n\n\n\nDesign Components\n\n\n\nI worked on comprehensive design framework for myself to keep things easy to change and evolve as needed. This was achieved by creating components and typography guide in Adobe XD, which allowed me to make changes quickly from feedback rounds and be able to present an overall aesthetic change if needed.\n\n\n\n\n\n\n\n\n\nUser Interface\n\n\n\nThe final product concept was tested using an interactive prototype for both mobile and desktop version. Minor tweaks were made around the navigation and user flow to make it more intuitive.\n\n\n\n\n\n\n\n\n\n\nThank you for reading this. Click below to see a working prototype (if you have the password). 🔒\n\n\n\nMobile Flow >\n\nDesktop Flow >\n\n\n\n","style":"minimal","access":"public"}