1 Research
Project Background
MediCareer is a German Company dedicated to helping healthcare professionals find their dream jobs in the healthcare industry. This website should offer a user-friendly platform where Asian medical professionals can browse through a variety of job postings, upload their resumes, and apply for job openings in their preferred medical field. MediCareer's mission is to connect qualified healthcare professionals with reputable employers, ultimately improving patient care and outcomes. With a vast database of job postings and a commitment to transparency, MediCareer is a reliable resource for Asian healthcare professionals seeking to take the next step in their careers, in Germany.
A: Outcome Market Research
A study from 2019 by the Federal Employment Agency (BA) shows that the demand for foreign skilled workers in nursing in Germany continues to increase. There is a particularly high increase in the recruitment of nursing staff from third countries, including Asian countries. The study also shows that most foreign nursing staff come from European countries, followed by Asia and America.
There are also applicant programs like "Triple Win" and "German Philippine Nursing Initiative" in Germany, which aim to recruit qualified nursing staff from Asian countries. Some factors that nursing staff from Asian countries could consider when deciding to work in Germany are salary, working conditions, cultural environment, and the availability of language and integration programs.
In addition, the Federal Statistical Office predicts a further increase in the need for care in the future: by the year 2060, experts expect an increase to approximately 4.53 million people in need of care throughout Germany. The main cause for this is the constantly growing number of elderly people due to improving medical care. The majority of those in need of care are over 60 years old. The care rate increases from around 11 percent in the age group of those over 75 years old to around 71 percent in those over 90 years old.
B: Competitive Research
Provisional Personas
C: Primary Research
User Interview
Outcomes (4 Interviews with medical Students in Thailand):
It’s hard to find a job after graduating
2 from 4 students showed interest to pursue a career in Germany
The first critical considerations apply to language differences, visa procedures and missing the family
Increased salary is a motivation for all of the 4 students
One student asked if the flights and accommodations would be covered
All of the students are willing to adapt and work hard for their career
Research Synthesis
Empathy Map
To synthesize the qualitative data gathered from user interview, I created an empathy map to identify patterns across users, uncover insights, and generate needs.
User Persona
Since I have gathered a bunch of knowledge of the audience, as well as their goals and needs, I use the user persona to represent key audience segments. It helps focus on tackling the most important problems – to address the major needs of the most important user groups. It is both fictional and realistic.
Here is Nongnuch, a 26-year-old nursing student from Chiangmai, Thailand. She comes from a rather poor background, works and studies hard. She is curious about other countries and has some Western friends. She especially wants to fulfill the dream of a great career and earn better to afford a good life.
2 Strategy
Product Goals
With HMW questions and brainstormed solutions, I decided to list project goals that will both serve as a guide for the future development of the product and a rubrics for determining what features to include in the website.
I summarized user goals from my user persona and empathy map, and established business goals based on the research and communication with the founder.
3 Design
Sitemap
After setting up the product goals and deciding what features to include, I want to continue building up the structure of the mobile app using the sitemap.
A sitemap helps me to visualize the relationship between the content and examine the hierarchy.
As Medicareer is a small company, I tried to keep the sitemap simple and straightforward, which will make the future maintenance easier.
Responsive Wireframe
Once I had a visual direction of the layout, I started to add more details and precisions to the sketches by turning them into mid-fidelity wireframes. Creating mid-fidelity wireframes helps me focus on the visual consistency and hierarchy before applying styles. In these wireframes, I tried to incorporate common design patterns that have been tested on our competitors' website, or included elements that directly address users' goals, needs, frustrations, and motivations.
Furthermore, to ensure users have a consistent experience across different devices, responsive wireframes are created for desktop, tablet, and mobile ends.
Mid-Fidelity Wireframes and Prototype
After I finished designing pages that are necessary for users to finish tasks, I linked those pages using Figma Prototyping and created a mid-fidelity prototype for usability testing. Conducting usability testing using a mid-fidelity prototype is useful for detecting issues in information architecture and flows before spending too much time designing details.
4 Prototype & Test
Usability Testing
Prepare for the Usability Testing
Before usability testing, it is important to set up test objectives, subject, methodology, tasks, and rubrics for measuring the result of the testing before conducting a test. Therefore, I wrote a usability testing plan to define what and why I want to test and get prepared for the test.
For all the tests, I expect a 100% completion rate since all tasks are normal steps for a restaurant website. I also expect a 90% error-free rate because the prototype is not fully functioning, and users might take alternatives that have not been built up for completing the tasks.
Conduct Usability Testing
I then conducted both in-person and remote usability testing with 5 participants, and created transcripts for each participant based on my observation of their interaction with the prototype. I jot down their mistakes, slips, and confusions they expressed in the process. This transcript is a perfect raw material for summarizing the patterns of user’s interaction with the prototype.
Updates to wireframes
As the time and other resources we have are limited, I made revisions based on the priority level of the recommendations summarized in the affinity map.
Branding
New graphic line of the brand towards professional and trustworthy
Relevant and easy-to-consume information accompanied by icons or referential images.
Responsive UI Design
Final Thoughts + Next Steps
Final Thoughts
With the final prototype created, I believe I have met the goals that were outlined in the beginning of the design process. We designed a responsive website for Medicareer that provides the customers with a smooth online experience. We also created the whole branding for the business to better articulate its current service and values. In addition we used the branding guidelines to create business cards and Flyers.
Next Steps
Design Implementation & Handoff
Since the design has been tested and revised, it is ready to enter the development phase with Webflow. This process I’m able to myself, thanks to designing with Auto layout it will be easier to adapt to Webflow.
Maintenance
Updates and revisions will continue to exist in the future, and I will address them based on the priority levels.