Task
User Story Joining Potion AI
As a beauty product formulators, I sign up for Potion AI, so that I can access AI-powered tools that streamline my formulation process and stay updated with the latest ingredient trends.
Success definition: Given I am on the Potion AI homepage and have chosen to sign up for a new account When I click on the 'Join for Free' link and complete the sign-up form with my email and password Then I should see a confirmation of my account creation and access to the dashboard where I can explore the features of Potion AI.
Trajectory
Step 1:
Url (before/after):
https://www.potion.ai/
https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0
Content (before/after):
RootWebArea Potion, focused, url='https://www.potion.ai/'
navigation
[48] link, center=(106,40), url='https://www.potion.ai/'
image, url='https://framerusercontent.com/images/gggUwX7Mh1pfRksQ80zMJBljzM.svg'
[54] link Log In, center=(1640,40), url='https://vft.potion.ai/'
Show more
paragraph
[58] link Join for Free, center=(1773,40), url='https://vft.potion.ai/signup'
paragraph
paragraph
StaticText Want to know which ingredients are inside the latest beauty product launches? Join Potion to get access to our bi-weekly newsletter!
banner
image, url='https://framerusercontent.com/images/B7vzzgBZI8SDEH4mu13TgsXwc.png?scale-down-to=2048'
heading From brainstorm to bench faster than ever before
heading Search for ingredients and turn benchmarks into starting formulas—powered by AI
[78] link Join for Free, center=(960,631), url='https://vft.potion.ai/signup'
paragraph
list
listitem
image, url='https://framerusercontent.com/images/01QytJ02qlBzo7LUQLCtKJEA.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/fKYzjhcnwozLAdrCuWAjW1z01Yo.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/JGOtOSeupg7TQLyKvVhPF0kLZOU.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/ohY8Ezp1yQElT0NV7rWIgQw3GE.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/QQLhUVCqkAotX18nZBaWNEuDTk.png'
listitem
image, url='https://framerusercontent.com/images/urEnNFqbpMqYfPFAWk84KKMjhI.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/oxNe7JjZyHV9QClrUdOiDev1aTQ.png'
listitem
image, url='https://framerusercontent.com/images/zzCeJctofw6Tkuyp6FRegutgU.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/lXXUncbQCq5YmERvUKXjIxPTc.webp?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/SXhC6HlUAs7xlngMPQXRU4AbSA.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/krzs8teaPsxIlYMCjzZ5cMXwW8U.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/YMjrEqficbL7sQNYFUUw3l4GDrc.svg?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/dgfWqWpGSWZVRns5hR7MfCzHQJI.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/vQCQGADYm1UFKI3XC3ZBSaUYu4.png?scale-down-to=512'
listitem
image, url='https://framerusercontent.com/images/BaJthcYd9miIY8Sb1LXjIssfK3c.png'
listitem
image, url='https://framerusercontent.com/images/pQrwSJsl1MsQrErNFOWq8LBi3vs.png'
listitem
image, url='https://framerusercontent.com/images/02wwyENMvJf9dmewm0MTfZUepE.png?scale-down-to=512'
[153] listitem, center=(398,950)
image, url='https://framerusercontent.com/images/vYhXOGrRRXRe1pJ0FejyJtMWok.png?scale-down-to=512'
heading AI Ingredient Search
[181] li, center=(1461,950)
[177] li, center=(1330,950)
[173] li, center=(1205,950)
[169] li, center=(1047,950)
[165] li, center=(866,950)
[161] li, center=(700,950)
[157] li, center=(534,950)
paragraph
StaticText Find ingredients faster, by typing in exactly what you need in natural language
link See More —>, url='https://www.potion.ai/#ai-powered-search-1'
paragraph
heading AI Formula Search
paragraph
StaticText Search across thousands of beauty products
StaticText on the market
link See More —>, url='https://www.potion.ai/#ai-powered-formula-search-1'
paragraph
heading Evaluate Benchmarks
paragraph
StaticText Use our 'Deformulator' to deconstruct benchmarks into starter formulas
link See More —>, url='https://www.potion.ai/#reverse-engineering-1'
paragraph
heading Retailer Compliance
paragraph
StaticText Screen ingredients and formulas against top retailer standards
link See More —>, url='https://www.potion.ai/#retailer-compliance-1'
paragraph
heading What People Are Saying About Us
heading Potion is becoming a trusted addition to formulators’ toolkits
heading Formulators save time and innovate quicker with Potion.
image, url='https://framerusercontent.com/images/7ybcvh1qeRiuJFhrSxC28nNi49I.png'
heading Jennifer Cookson
paragraph
StaticText Arcaea
paragraph
StaticText Ingredient research and competitive analysis that used to take me hours, Potion takes care of in a matter of minutes.
image, url='https://framerusercontent.com/images/BzEAZcBzGfelR695WPgasoB3sKk.png'
heading Luciana Coutinho
paragraph
StaticText Luluble
paragraph
StaticText Potion is now the first place I go when I receive
a product brief and benchmark. I’m thrilled to finally see AI tools that actually help formulators work smarter and faster.
image, url='https://framerusercontent.com/images/gt93aeqLrWep0QDUaDwc8FUnYQ.png'
heading Emma Sobel
paragraph
StaticText Olaplex
paragraph
StaticText Potion will open your eyes to the cosmetic formulation world. I can get context on how ingredients are being used and quickly create my own starter formulas.
image, url='https://framerusercontent.com/images/5PENNch2bFmqRGdLwoBvTaKaYgE.png'
heading Aubri Thompson
paragraph
StaticText Rebrand Skincare
paragraph
StaticText I'm able to discover ingredients that meet my criteria, faster. Finding ingredients I can use that I haven't heard about before—that is success for me.
heading AI-Powered Ingredient Search
heading Find the best ingredients faster, by typing in exactly what you need
heading Search how you think—in natural language.
image, url='https://framerusercontent.com/images/zqDDa87rG46BbtEZNNKBRHWg.svg'
heading AI-Powered Formula Search
heading Search intelligently across thousands of beauty products
heading Conduct market research in minutes, not hours.
image, url='https://framerusercontent.com/images/qJko1ogVpK5GNvVSS1KspLoQriw.png'
heading Evaluate Benchmarks
heading Use our 'Deformulator' to go from benchmark to starter formula at the speed of light
heading Enter your INCI list. We’ll find the matching raw materials and blends from our database—the largest index of trade names on the market.
image, url='https://framerusercontent.com/images/BIidMkY2GJl7OeEa4KFRiMpGPCU.png?scale-down-to=1024'
heading Retailer Compliance Screener
heading Screen ingredients and formulas against top retailer compliance standards
image, url='https://framerusercontent.com/images/wkUB05ijqUMnJBoGJk2b2m1F9Q.jpg'
image, url='https://framerusercontent.com/images/9fY0W0pgTCddenkeTz84rI3woU.jpg'
image, url='https://framerusercontent.com/images/GiHah4QBnPOqXkDT06D2fnbHqXQ.png'
image, url='https://framerusercontent.com/images/m3ftLTghhg9y9YcyyHYwG6fR7SY.jpg?scale-down-to=512'
image, url='https://framerusercontent.com/images/SEYFSYBtGHAZ9lH2UAizsi1Qck.png?scale-down-to=512'
heading Who Are We?
heading Potion is building the future of formulation
heading We are an AI company based in San Francisco, California. We create tools to help formulators spend less time on the repetitive and mundane, and more time innovating. Potion's technologies are globally patented.
image, url='https://framerusercontent.com/images/Zv0RBguKOl9Qs0TszNVivcOVdvA.png?scale-down-to=2048'
contentinfo
link Potion AI, url='https://www.potion.ai/'
image, url='https://framerusercontent.com/images/Jlh5rfsHwUAGA3EwrcLF2jgUmC0.svg'
heading Potion AI
heading Contact
link Contact, url='mailto:hello@potion.ai'
heading LinkedIn
link LinkedIn, url='https://www.linkedin.com/company/potionai/mycompany/verification/'
heading Terms & Conditions
link Terms & Conditions, url='https://www.potion.ai/termsconditions'
heading Privacy Policy
link Privacy Policy, url='https://www.potion.ai/privacypolicy'
heading © Potion AI, Inc. 2024
RootWebArea Sign up | Potion, focused, url='https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
main
image Potion, url='https://framerusercontent.com/images/gggUwX7Mh1pfRksQ80zMJBljzM.svg'
heading Sign Up for Potion
paragraph
Show more
StaticText Create your account to continue to Potion.
LabelText
StaticText Email address
[35] textbox Email address, center=(960,552), autocomplete=email, contenteditable=True, required, type=text
LabelText
StaticText Password
[40] textbox Password, center=(938,618), autocomplete=new-password, contenteditable=True, required, type=password
[42] button Show password, center=(1097,618), inner_text=Show password
Show password, type=button
Iframe Widget containing a Cloudflare security challenge
[75] button Sign Up, center=(960,776), type=submit
paragraph
StaticText Already have an account?
[78] link Log in, center=(991,828), url='https://login.potion.ai/u/login?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
StaticText OR
[85] button Continue with Google, center=(960,440), type=submit
Reasoning for action: By clicking the 'Join for Free' link (identified by id 58), I navigate to the sign-up page. This step is crucial as it initiates the process to create a new account, which is necessary to fulfill the user's goal of accessing Potion AI's features and tools.
Action: click(58) # Click on the 'Join for Free' link to explore the sign-up process.
Change Description: The browser navigated from the Potion homepage to the sign-up page, displaying a new layout that includes fields for email and password submission, a 'Sign Up' button, and a prompt for users with existing accounts to log in instead.
Screenshot before:Screenshot after:---
Step 2:
Url (before/after):
https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0
https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0
Content (before/after):
RootWebArea Sign up | Potion, focused, url='https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
main
image Potion, url='https://framerusercontent.com/images/gggUwX7Mh1pfRksQ80zMJBljzM.svg'
heading Sign Up for Potion
paragraph
Show more
StaticText Create your account to continue to Potion.
LabelText
StaticText Email address
[35] textbox Email address, center=(960,552), autocomplete=email, contenteditable=True, required, type=text
LabelText
StaticText Password
[40] textbox Password, center=(938,618), autocomplete=new-password, contenteditable=True, required, type=password
[42] button Show password, center=(1097,618), inner_text=Show password
Show password, type=button
Iframe Widget containing a Cloudflare security challenge
[75] button Sign Up, center=(960,776), type=submit
paragraph
StaticText Already have an account?
[78] link Log in, center=(991,828), url='https://login.potion.ai/u/login?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
StaticText OR
[85] button Continue with Google, center=(960,440), type=submit
RootWebArea Sign up | Potion, focused, url='https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
main
image Potion, url='https://framerusercontent.com/images/gggUwX7Mh1pfRksQ80zMJBljzM.svg'
heading Sign Up for Potion
paragraph
Show more
StaticText Create your account to continue to Potion.
LabelText
StaticText Email address
[35] textbox Email address value='user@example.com', center=(960,438), autocomplete=email, contenteditable=True, required, type=text
LabelText
StaticText Password
[40] textbox Password value='•••••••••••••••••', center=(938,504), autocomplete=new-password, contenteditable=True, focused, required, type=password
[42] button Show password, center=(1097,504), inner_text=Show password
Show password, type=button
Iframe Widget containing a Cloudflare security challenge
generic, atomic
list
listitem
StaticText Your password must contain:
list
[59] listitem, center=(965,674), inner_text=At least 8 characters
StaticText •
StaticText At least 8 characters
listitem
StaticText •
StaticText At least 3 of the following:
list
[65] listitem, center=(977,730), inner_text=Lower case letters (a-z)
StaticText •
StaticText Lower case letters (a-z)
[67] listitem, center=(977,758), inner_text=Upper case letters (A-Z)
StaticText •
StaticText Upper case letters (A-Z)
[69] listitem, center=(977,786), inner_text=Numbers (0-9)
StaticText •
StaticText Numbers (0-9)
[71] listitem, center=(977,814), inner_text=Special characters (e.g. !@#$%^&*)
StaticText •
StaticText Special characters (e.g. !@#$%^&*)
[75] button Sign Up, center=(960,890), type=submit
paragraph
StaticText Already have an account?
[78] link Log in, center=(991,942), url='https://login.potion.ai/u/login?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
StaticText OR
[85] button Continue with Google, center=(960,326), type=submit
Reasoning for action: I identified the email address and password fields in the sign-up form, which are necessary to create the account. By filling in these fields with appropriate values, I'm progressing towards completing the sign-up process. This step is crucial as it gathers the required information for the form, moving closer to the point where I can submit the form and subsequently confirm account creation.
Action: fill(35, 'user@example.com') # Fill in the email address field fill(40, 'securePassword123') # Fill in the password field
Change Description: The email address field was filled with 'user@example.com', and the password field was filled with 'securePassword123', with the visual representation of the password now showing as masked characters.
Screenshot before:Screenshot after:---
Step 3:
Url (before/after):
https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0
https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0
Content (before/after):
RootWebArea Sign up | Potion, focused, url='https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
main
image Potion, url='https://framerusercontent.com/images/gggUwX7Mh1pfRksQ80zMJBljzM.svg'
heading Sign Up for Potion
paragraph
Show more
StaticText Create your account to continue to Potion.
LabelText
StaticText Email address
[35] textbox Email address value='user@example.com', center=(960,438), autocomplete=email, contenteditable=True, required, type=text
LabelText
StaticText Password
[40] textbox Password value='•••••••••••••••••', center=(938,504), autocomplete=new-password, contenteditable=True, focused, required, type=password
[42] button Show password, center=(1097,504), inner_text=Show password
Show password, type=button
Iframe Widget containing a Cloudflare security challenge
generic, atomic
list
listitem
StaticText Your password must contain:
list
[59] listitem, center=(965,674), inner_text=At least 8 characters
StaticText •
StaticText At least 8 characters
listitem
StaticText •
StaticText At least 3 of the following:
list
[65] listitem, center=(977,730), inner_text=Lower case letters (a-z)
StaticText •
StaticText Lower case letters (a-z)
[67] listitem, center=(977,758), inner_text=Upper case letters (A-Z)
StaticText •
StaticText Upper case letters (A-Z)
[69] listitem, center=(977,786), inner_text=Numbers (0-9)
StaticText •
StaticText Numbers (0-9)
[71] listitem, center=(977,814), inner_text=Special characters (e.g. !@#$%^&*)
StaticText •
StaticText Special characters (e.g. !@#$%^&*)
[75] button Sign Up, center=(960,890), type=submit
paragraph
StaticText Already have an account?
[78] link Log in, center=(991,942), url='https://login.potion.ai/u/login?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
StaticText OR
[85] button Continue with Google, center=(960,326), type=submit
RootWebArea Sign up | Potion, focused, url='https://login.potion.ai/u/signup?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
main
image Potion, url='https://framerusercontent.com/images/gggUwX7Mh1pfRksQ80zMJBljzM.svg'
heading Sign Up for Potion
paragraph
Show more
StaticText Create your account to continue to Potion.
LabelText
StaticText Email address
[35] textbox Email address value='user@example.com', center=(960,552), autocomplete=email, contenteditable=True, required, type=text
LabelText
StaticText Password
[40] textbox Password, center=(938,618), autocomplete=new-password, contenteditable=True, required, type=password
[42] button Show password, center=(1097,618), inner_text=Show password
Show password, type=button
Iframe Widget containing a Cloudflare security challenge
[75] button Sign Up, center=(960,776), type=submit
paragraph
StaticText Already have an account?
[78] link Log in, center=(991,828), url='https://login.potion.ai/u/login?state=hKFo2SBLa1QtSlZBX0lGWkROWHBBVE44T1ctYjhsQklNdERiU6Fur3VuaXZlcnNhbC1sb2dpbqN0aWTZIHZDSHBRcGh1bjdDMmZTLVd0Q2hndlVSYVk0eXBKbE93o2NpZNkgQTJmOGpCNGlIUUpnSEVYbFA0ZmdNYkV1WkxoUmZzNG0'
StaticText OR
[85] button Continue with Google, center=(960,440), type=submit
Reasoning for action: I clicked on the 'Sign Up' button, which is necessary for submitting the form with the user's email and password. This action moves us closer to the user's goal of creating a new account on Potion AI, as it allows the sign-up process to be completed. Once the form is submitted, the system should process the information and lead to an account confirmation.
Action: click(75) # Click on the 'Sign Up' button to attempt to create an account.
Change Description: After clicking the 'Sign Up' button, the interface updated to indicate an ongoing account creation process, shifting the 'email address' and 'password' fields downward, and repositioning the 'Sign Up' button higher in the layout.
Screenshot before:Screenshot after:---