Task
User Onboarding of Fluently App
As a new user of the Fluently app, I select my native language and industry of work, so that I can receive personalized English coaching relevant to my profession and background.
Success definition: Given I am on the Fluently app onboarding page When I select English as my native language and choose Engineering as my industry Then I should be redirected to a page that asks my motivation for improving my English speaking skills.
Trajectory
Step 1:
Url (before/after):
https://getfluently.app/
https://app.getfluently.app/onboarding/language
Content (before/after):
RootWebArea Fluently: AI-powered English coach, focused, url='https://getfluently.app/'
[69] link Try Fluently app for free, center=(1862,32), inner_text=Log in, url='https://app.getfluently.app/auth'
paragraph
StaticText Log in
banner
Show more
image
image
heading No More Stupid English Apps
image, url='https://framerusercontent.com/images/RKEifvDcINImboA7wUZniYXfe4U.png?scale-down-to=512'
heading Improve your English with personalized AI feedback based on your real speech and interests
strong
[96] link Try Fluently app for free, center=(960,461), inner_text=Try Fluently, url='https://app.getfluently.app/onboarding'
paragraph
StaticText Try Fluently
heading Trusted by
[103] link x x, center=(960,635), inner_text=x
x, url='https://techcrunch.com/2024/06/28/yc-alum-fluentlys-ai-powered-english-coach-attracts-2m-seed-round/'
image, url='https://framerusercontent.com/images/Rxeb0VlDpZovgJI4cQFnlyLUk.png?scale-down-to=512'
paragraph
image, url='https://framerusercontent.com/images/RpeFP6e0HZFzHZwSS76P6Jt9t5k.png?scale-down-to=512'
paragraph
image, url='https://framerusercontent.com/images/StzhvR5jQ0CfguOHGobZkF3HF5Q.png?scale-down-to=512'
image English feedback on pronunciation, grammar, vocabulary and fluency, url='https://framerusercontent.com/images/sf66nY9xJ7JZDhXvDb3NXQrb0qs.png?scale-down-to=1024'
image, url='https://framerusercontent.com/images/nqUSOrIpkukOD8MUriwny7j9jpM.webp'
banner
heading Forget About
heading Tutors and Boring Classes
image, url='https://framerusercontent.com/images/hNjD2Ux0MhBLUtHvtDHFD0YH8.svg'
heading Just install Fluently and start improving!
image, url='https://framerusercontent.com/images/xLfMOrsgN5JLs5slnl1tFlBlkw.png'
heading Install Fluently
paragraph
StaticText Download the app and launch
StaticText Fluently on your device
image, url='https://framerusercontent.com/images/dKln5HpH76nnDykx6V1qGOFKc.svg'
heading Make any call in English
paragraph
StaticText Speak English on your real calls or with our AI tutor
image, url='https://framerusercontent.com/images/qSHxglu8kBqe9c4NsfCRIzYs6d0.svg'
heading Improve with AI Feedback
paragraph
StaticText Complete personalized quiz based on your speech
banner
heading Why Fluently?
image, url='https://framerusercontent.com/images/I4dds8fP6wwl8X9BAdFM4BJ9g.svg'
heading Personalized program based on your speech
paragraph
StaticText Despite other English apps, Fluently provides exercises based on your interests and real-life speech
image, url='https://framerusercontent.com/images/qYpk2G1Xa4N71DexZSw4hKW88Y.svg'
image, url='https://framerusercontent.com/images/1tXDrwQuGN1JLfWWYFHWGAFTPM.svg'
image, url='https://framerusercontent.com/images/ViaiGldqnmlcp97K2q5UzYKRME.svg'
heading Improve your speaking skills
paragraph
StaticText with personalized exercises based on your day-to-day conversations
image, url='https://framerusercontent.com/images/l34rMqC2doXsi3bsRvUs0mCzGs.svg'
heading Make fewer mistakes
paragraph
StaticText Fluently will help to identify and fix common mistakes in your spoken English
image, url='https://framerusercontent.com/images/f6hVZmO1sfWM66PhsZhfue9KM8.svg'
banner
heading and many other features
image, url='https://framerusercontent.com/images/mNgGPWua73Sckfm5VfcMtm7GxU.svg'
paragraph
StaticText Track your English level
image, url='https://framerusercontent.com/images/v3U4gwdexEeRVZPUO6rBxAt4zY.svg'
paragraph
StaticText Make your speech cleaner
image, url='https://framerusercontent.com/images/IW3vdcgu8roCpP0y7If5kIq9lE.svg'
paragraph
StaticText Boost your active vocabulary
image, url='https://framerusercontent.com/images/E13glAeeGhKToBlhiSGub7SbY.svg'
paragraph
StaticText Improve your grammar
image, url='https://framerusercontent.com/images/28qgMbn7EdJVx2v5yROO7NqdQo.svg'
paragraph
StaticText Works automatically, no setup required
image, url='https://framerusercontent.com/images/97JPmarIpAO305pPsWtZIGDKns.svg'
paragraph
StaticText Speaking practice 24/7
banner
heading Your Privacy is Guaranteed
image, url='https://framerusercontent.com/images/qq5C8Q3O9zURa8gVI95IQXjwoyU.svg'
heading Transit Encryption
strong
strong
strong
paragraph
StaticText We encrypt all data transferred between users and our services using industry-standard protocols for maximum security
image, url='https://framerusercontent.com/images/gPynIWZmoE0pk9PB1gDOSEWopOI.svg'
heading Privacy Control
strong
paragraph
StaticText You can pause the app whenever you need, giving you complete control over which conversations or calls you want to analyze.
heading Fluently supports every meeting platform
list
listitem
listitem
listitem
listitem
listitem
listitem
listitem
listitem
listitem
paragraph
StaticText With absolutely no bots joining your calls
image, url='https://framerusercontent.com/images/hNjD2Ux0MhBLUtHvtDHFD0YH8.svg'
heading Assess Your English Level
image, url='https://framerusercontent.com/images/etn7kG47CG1HfpP4ePlmlKuag.png?scale-down-to=1024'
heading Make a 4-minute call with an AI tutor
heading and get your English score
link Try Fluently app for free, url='https://app.getfluently.app/onboarding'
paragraph
StaticText Get my English level
paragraph
StaticText © 2024 Fluently Inc.
paragraph
link team@getfluently.app, url='mailto:team@getfluently.app'
paragraph
link Privacy Policy, url='https://getfluently.app/privacy'
paragraph
link Terms of Service, url='https://getfluently.app/tos'
[531] button Open Intercom Messenger, center=(1876,1036)
image
image
RootWebArea Fluently, focused, url='https://app.getfluently.app/onboarding/language'
image
image
image
image
Show more
heading What is your native language?
StaticText What is your
native language?
[85] div, center=(971,872), inner_text=Russian
[84] div, center=(926,872), inner_text=🇷🇺
[82] div, center=(972,820), inner_text=Polish
[81] div, center=(933,820), inner_text=🇵🇱
[79] div, center=(971,768), inner_text=Korean
[78] div, center=(929,768), inner_text=🇰🇷
[76] div, center=(971,716), inner_text=Japanese
[75] div, center=(921,716), inner_text=🇯🇵
[73] div, center=(972,664), inner_text=Italian
[72] div, center=(932,664), inner_text=🇮🇹
[70] div, center=(972,612), inner_text=Hindi
[69] div, center=(936,612), inner_text=🇮🇳
[67] div, center=(971,560), inner_text=English
[66] div, center=(928,560), inner_text=🇬🇧
[64] div, center=(972,508), inner_text=German
[63] div, center=(926,508), inner_text=🇩🇪
[61] div, center=(972,456), inner_text=French
[60] div, center=(930,456), inner_text=🇫🇷
[58] div, center=(972,404), inner_text=Chinese
[57] div, center=(926,404), inner_text=🇨🇳
StaticText 🇨🇳
StaticText 🇫🇷
StaticText 🇩🇪
StaticText 🇬🇧
StaticText 🇮🇳
StaticText 🇮🇹
StaticText 🇯🇵
StaticText 🇰🇷
StaticText 🇵🇱
StaticText 🇷🇺
StaticText 🇪🇸
StaticText 🇹🇷
StaticText 🇺🇦
StaticText 🌍
Reasoning for action: By clicking the 'Try Fluently' button, I am accessing the onboarding page of the Fluently app. This page is essential for completing the task because it allows me to choose my native language and industry of work, which is a prerequisite for receiving personalized English coaching as outlined in the user story. This action directly progresses me towards the goal of selecting English and Engineering, setting me up to subsequently answer the motivation question.
Action: click('96') # Click on the 'Try Fluently' button to explore the app further.
Change Description: After clicking the 'Try Fluently' button, the browser navigated to a new page where users are prompted to select their native language, displaying a list of languages with corresponding flags. The previous content about the application was replaced with this interactive element.
Screenshot before:Screenshot after:---
Step 2:
Url (before/after):
https://app.getfluently.app/onboarding/language
https://app.getfluently.app/onboarding/work
Content (before/after):
RootWebArea Fluently, focused, url='https://app.getfluently.app/onboarding/language'
image
image
image
image
Show more
heading What is your native language?
StaticText What is your
native language?
[85] div, center=(971,872), inner_text=Russian
[84] div, center=(926,872), inner_text=🇷🇺
[82] div, center=(972,820), inner_text=Polish
[81] div, center=(933,820), inner_text=🇵🇱
[79] div, center=(971,768), inner_text=Korean
[78] div, center=(929,768), inner_text=🇰🇷
[76] div, center=(971,716), inner_text=Japanese
[75] div, center=(921,716), inner_text=🇯🇵
[73] div, center=(972,664), inner_text=Italian
[72] div, center=(932,664), inner_text=🇮🇹
[70] div, center=(972,612), inner_text=Hindi
[69] div, center=(936,612), inner_text=🇮🇳
[67] div, center=(971,560), inner_text=English
[66] div, center=(928,560), inner_text=🇬🇧
[64] div, center=(972,508), inner_text=German
[63] div, center=(926,508), inner_text=🇩🇪
[61] div, center=(972,456), inner_text=French
[60] div, center=(930,456), inner_text=🇫🇷
[58] div, center=(972,404), inner_text=Chinese
[57] div, center=(926,404), inner_text=🇨🇳
StaticText 🇨🇳
StaticText 🇫🇷
StaticText 🇩🇪
StaticText 🇬🇧
StaticText 🇮🇳
StaticText 🇮🇹
StaticText 🇯🇵
StaticText 🇰🇷
StaticText 🇵🇱
StaticText 🇷🇺
StaticText 🇪🇸
StaticText 🇹🇷
StaticText 🇺🇦
StaticText 🌍
RootWebArea Fluently, focused, url='https://app.getfluently.app/onboarding/work'
image
image
image
image
Show more
[116] button, center=(772,216), type=button
image
heading What industry do you work in?
StaticText What industry
do you work in?
[150] div, center=(972,664), inner_text=Other
[149] div, center=(935,664), inner_text=💼
[147] div, center=(971,612), inner_text=Marketing
[146] div, center=(917,612), inner_text=📣
[144] div, center=(972,560), inner_text=C-Level Manager
[143] div, center=(891,560), inner_text=🤵
[141] div, center=(972,508), inner_text=Product / Project Manager
[140] div, center=(854,508), inner_text=📒
[138] div, center=(972,456), inner_text=Founder / Owner
[137] div, center=(891,456), inner_text=👔
[135] div, center=(972,404), inner_text=Engineering
[134] div, center=(910,404), inner_text=👩🏼💻
StaticText 👩🏼💻
StaticText 👔
StaticText 📒
StaticText 🤵
StaticText 📣
StaticText 💼
Reasoning for action: I chose to click on the element with index '67' which corresponds to the English option in the list of native languages. This action is essential because selecting the correct native language is the first step in completing the onboarding process. By selecting English, I am progressing towards fulfilling the user's requirement of personalizing their English coaching experience based on their language background.
Action: click('67') # Click on the English option to select it as the native language.
Change Description: After clicking on the English option, the browser transitioned from the language selection page to the industry selection page, with the heading changing from 'What is your native language?' to 'What industry do you work in?'. Additionally, the inner text elements displayed for language options were replaced with options related to various industries.
Screenshot before:Screenshot after:---
Step 3:
Url (before/after):
https://app.getfluently.app/onboarding/work
https://app.getfluently.app/onboarding/motivation
Content (before/after):
RootWebArea Fluently, focused, url='https://app.getfluently.app/onboarding/work'
image
image
image
image
Show more
[116] button, center=(772,216), type=button
image
heading What industry do you work in?
StaticText What industry
do you work in?
[150] div, center=(972,664), inner_text=Other
[149] div, center=(935,664), inner_text=💼
[147] div, center=(971,612), inner_text=Marketing
[146] div, center=(917,612), inner_text=📣
[144] div, center=(972,560), inner_text=C-Level Manager
[143] div, center=(891,560), inner_text=🤵
[141] div, center=(972,508), inner_text=Product / Project Manager
[140] div, center=(854,508), inner_text=📒
[138] div, center=(972,456), inner_text=Founder / Owner
[137] div, center=(891,456), inner_text=👔
[135] div, center=(972,404), inner_text=Engineering
[134] div, center=(910,404), inner_text=👩🏼💻
StaticText 👩🏼💻
StaticText 👔
StaticText 📒
StaticText 🤵
StaticText 📣
StaticText 💼
RootWebArea Fluently, focused, url='https://app.getfluently.app/onboarding/motivation'
image
image
image
image
Show more
[163] button, center=(772,216), type=button
image
heading Why do you want to get better at speaking English?
[197] div, center=(972,664), inner_text=Other
[196] div, center=(935,664), inner_text=🎯
[194] div, center=(972,612), inner_text=Pass exam
[193] div, center=(915,612), inner_text=🎓
[191] div, center=(971,560), inner_text=Self-improvement
[190] div, center=(886,560), inner_text=🌟
[188] div, center=(971,508), inner_text=Travel
[187] div, center=(933,508), inner_text=🌍
[185] div, center=(971,456), inner_text=Find a job
[184] div, center=(918,456), inner_text=🔍
[182] div, center=(972,404), inner_text=Accelerate my career
[181] div, center=(873,404), inner_text=🚀
StaticText 🚀
StaticText 🔍
StaticText 🌍
StaticText 🌟
StaticText 🎓
StaticText 🎯
Reasoning for action: By clicking on '135', I am selecting Engineering from the list of available industries. This action is essential for completing the onboarding process, as it fulfills the requirement to specify the user's industry of work. Selecting the correct industry is a crucial step that will facilitate tailored English coaching related to their professional background, thus helping me move closer to achieving the user's goal.
Action: click('135') # Click on the Engineering option to select it as the industry.
Change Description: The user selected 'Engineering' as their industry by clicking the corresponding option, resulting in a transition to a new page titled 'Why do you want to get better at speaking English?' with options related to motivations for improving English skills.
Screenshot before:Screenshot after:---