top of page
Image of child in crowd

Connekt Language App 
TH.0 Hackathon  Mar 22

onboarding screen with logo

Language lessons for refugees

Role             UX Researcher / Team facilitator / UX Designer

Sector          Refugees / Education 

Challenge    To make resettlement easier for displaced refugee children.

Timeframe   48 hours

Hackthon logo

Hackathon

Event / Location - Online 48hr International Women's Hackathon.
Team - Assigned on entry by organiser.
Brief - Brainstorm to find solutions to aid Ukrainian refugees. 
Method - Agile - Zoom, Miro, google slides, figma, discord.

Screenshot from hackathon of attendees

Meet the team - Refulingo

Avatar of Muslim woman

Jasmine 
Belgium

Business Management /
Marketing - Student

Avatar of Asian woman

Dhawani
India

UX Designer

Avatar of white woman

Alison
Canada

UX / UI Designer

Avatar of white woman with glasses

Frances
UK

UX Researcher Designer

All of our team were new to UX and this was our first Hackathon.
 

The challenge

  • Potentially 2.5 million Ukranian children would be resettled into a new country.

  • We needed to find our teams unique perspective and focus on one issue.

  • The organiser suggested using our strengths - youth work and one of us had been a child refugee.

  • With the focus for our challenge decided - learning a new language for refugee children resettling in host countries.

Bubble chart on map of Europe

Double diamond design process

Double diamond design process diagram

Our team used the double diamond design process.

The work was divided between us -
​
User interviews / persona
Competitors
Road map building blocks
Low fi prototype
Hi fi prototype

 

Focus  - user interviews

Carrying out rapid user interviews we gained more focus and insights on the challenge.
 

  1. Ukrainians speak two languages 70 % Ukrainian + 30 % Russian.

  2. Most children have access to mobile devices.

  3. Refugee children aged 10 - 16 years feel the impact of language barrier the most in new host countries.

  4. Refugees need to feel a connection to their own community.


 

Interview icon
Empathy mapping of post it notes

Affinity Map

We used an affinity map for recurrent themes
 

Empathy mapping of post it notes

Affinity Map

We used an affinity map for recurrent themes
 

Persona and user journey

Having interviewees who had been child refugees was invaluable, we were able to pull together a persona and user journey.

User journey mapping diagram

Define the issue 

 

 

  • Need to Learn language rapidly.

  • Refugees in multiple host countries.

  • Need to connect to other Ukrainians.

  • Mobile device.

  • Teachers are key for motivating to learn.

  • Living with trauma and anxiety issues.

  • Children aged 10 - 16 yrs target group.



HMW - help Ukrainian children aged 10 - 16 yrs overcome language barriers in their host country ?

Idea - Language app that connects to a teacher and other Ukrainian children for online lessons in first language.


 

creativity image
bullet points
bullet points

Competitors

​Duolingo 
+ Free
+ visual
+ mobile
+ free
- Subscription
- No community links
- No mental health support
- No realtime lessons / teacher
 
Kidslingo
+ Visual,
+ child centric
+ mobile
- Subscription fees
- No community links
- No mental health support
- No realtime lessons / teacher

 

Indirect Competitor

Natakallam
+ online community
+ online lessons
+ Teachers
+ Hires displaced refugees as teachers
- Arabic only * prior to March 22
- Adult focused

 

bullet points

Decide priority features

Using Miro we laid out the features and voted.
Ideally we would have benefited from developers / coders in our team.

MVP diagram

Develop sketches and ideation

Balsmiq was used to put together and share some lo fi ideas.

Low fidelity mobiel screen flows

Develop user wireflows

Miro helped us visualise user / task wireflows.
Time limited the UI team opted for option 1 

Decision tree
Decision tree
Decision tree

Hi - fi prototype

Our UI Design team put together the Hi fidelity prototype in Figma

connekt screen
onboading screen mobile
flags on mobile screen
levels screen mobile
conneckt option screen mobile

Lessons

​

  • The hackathon gave us experience of agile / sprint.

  • Our team spent too long looking at the wider issues.

  • Narrowing the focus on one issue actually gave us more ideas.

  • First hand user experience allowed us to gain rapid insights and access interviewees.

  • Different backgrounds and skills makes a stronger team.

  • Natakallam the Arab language service incorporated Ukranian speakers into its programme to help with the Ukrainian refugee crisis.
     

Hackerthon image of woman
bottom of page