Fokus.me homeA category-based entry point to support, hospital information and communication.ConversationA dedicated conversation view within the patient companion.
Project
Fokus.me
My role
Research and discovery; low- and high-fidelity design; coded components
Tools
Sketch, React Native
Focus
Patient support
01 / Context
Care brings more questions than one channel can answer.
The original project explored support for people navigating oncology care in Switzerland. Interview and workshop material pointed to fragmented information, difficulty finding relevant help and the effort of staying connected through treatment.
The screens focus on three patient-facing needs: understanding where to find support, discovering nearby offers and reaching a familiar care contact.
01 / Find
Find relevant support
Move from a broad concern to mental support, family resources or another appropriate category.
02 / Discover
Discover what is nearby
Browse local groups and events in a selected region, with enough detail to decide what to do next.
03 / Connect
Reach the right person
Recognise a care contact in the inbox and continue a conversation alongside personal messages.
What this case study shows
A concept developed through interviews, a stakeholder workshop, wireframes, interface design and usability testing. The available screens show support content, event discovery and messaging. They do not establish clinical appointment booking, medical-record access, deployment status or measured effects on care.
02 / Information structure
From an exploratory map to a clearer starting point.
The early work explored several ways to enter the app. The later home screen names six areas of support and gives each a consistent place.
Earlier exploration
A radial entry point placed the patient at the centre, while an early content view grouped many options in a compact grid.
Early navigation conceptAn early exploration arranged key areas around the patient.
Refined direction
A category home makes the choices explicit: mental support, hospital, family and friends, sport and fitness, nutrition, and supporters and gadgets.
Refined homeThe later concept groups support into six clearly named areas.
Design trade-off. Categories make the breadth of support easier to see, but the app still needs to help someone who arrives with a specific question and does not know which category contains the answer.
Earlier content grouping
Family and friends combines experience stories, advice and regional resources.
Early family and friends sectionA denser collection of content and regional support options.
Refined content grouping
Larger cards create a more deliberate reading path. Similar treatment appears in mental support.
Refined family and friends sectionLarger cards divide experience stories, advice and local coaching.
Mental supportArticles, advice and psycho-oncology resources are organised by topic.
03 / Key flows
Make help findable, then make contact clear.
The strongest screens show a path through content and a path to a human conversation. Together they give the concept a more concrete purpose than a general hub for all care.
01
Find support in a region.
The early list filters local offers by place. The later concept uses cards to show activities in the selected region. Both directions need clear organisers, dates and contact details before a patient can decide to participate.
Local support listingAn early region selector and a local group entry.Regional activity conceptThe later view presents offers in a selected region as visual event cards.
02
Recognise a care contact.
The inbox mixes a marked care contact with personal conversations. A dedicated thread provides direct messaging; the role, visibility and expected response should remain clear inside the conversation.
Low-fidelity exploration
Early inboxThe nurse is marked in a list that also includes personal contacts.Early nurse conversationAn initial conversation layout with a compose field and message bubbles.
High-fidelity direction
Refined inboxA calmer list keeps messages and contacts in separate tabs.Refined conversationThe later concept retains a direct message thread with the care contact.
Chat is present in the bottom navigation in both groups of mockups. The available screens show visual refinement, not evidence that the feature was moved to a new place.
04 / Events
Take a useful event beyond the app.
The hospital section presents education events. A separate screen shows an action to add an event to an external calendar, helping the person keep track of something they chose to attend.
Early hospital eventsThe hospital section lists education events with dates and a path to more information.Refined event listThe later concept simplifies the presentation of events and their dates.Add an event to a calendarAn external calendar handoff for an event; this is separate from booking a clinical appointment.
Scope of this flow. These screens support event discovery and calendar handoff. They do not show booking or rescheduling a clinical appointment.
05 / Testing and iteration
Feedback should point to a visible decision.
The original case study describes user interviews, usability sessions and changes to colour, chat and onboarding. The supplied material shows several stages of design; it does not include the number of participants, task results or a measured before-and-after comparison.
Readability
Recorded feedback: participants asked for better visibility. The high-fidelity screens explore a softer palette, which still needs a direct check of text contrast, icon clarity and touch targets on a phone.
Communication
Recorded feedback: the case text says chat needed greater prominence. The supplied low- and high-fidelity screens both place chat in the bottom navigation. The next evaluation should test whether people identify the correct contact quickly.
First use
Recorded feedback: participants requested guidance for new users. A later test should check whether someone can complete a first support task with clear labels and contextual help.
What to test next
Ask a participant to find a local support offer, identify the care contact, send a message and add an education event to their calendar. Observe where they hesitate, what they expect to happen after each action and whether they can tell which information comes from a trusted source.
06 / Contribution & reflection
A calmer interface needs a clearer promise.
The project demonstrates discovery, workshop-led exploration, wireframes and a developed visual direction for a patient support companion. Its strongest opportunities are easier access to resources and clearer human contact.
My contribution
The original project credits me with research and discovery, low- and high-fidelity design, and coded components. The visual material here documents the research-to-interface path; implementation details are not included in these screens.
What I would refine
Show the source and currency of support content, distinguish clinical and personal conversations, strengthen text and navigation clarity, and test the two primary patient tasks with documented outcomes.