Task
User Engagement with Upcoming Title
As a curious visitor, I explore more about the upcoming title 'Cursed Crown', so that I can stay updated about the game and anticipate its release.
Success definition: Given I am on the Glade Studio website When I click on the ABOUT link and then the 'Learn more' link on the about page Then I should see the details about 'Cursed Crown', including the heading 'Trailer coming soon!' And when I click on the 'Watch trailer' link, the page should scroll to the trailer section with updated navigation links.
Trajectory
Step 1:
Url (before/after):
https://gladestudio.ai/
https://gladestudio.ai/about
Content (before/after):
RootWebArea Glade, focused, url='https://gladestudio.ai/'
navigation
link, url='https://gladestudio.ai/'
image, url='https://framerusercontent.com/images/WDbYS1TLoKYoGBeTFaXTJDkUtE.png'
paragraph
Show more
[52] link ABOUT, center=(231,57), url='https://gladestudio.ai/about'
paragraph
[55] link TEAM, center=(313,57), url='https://gladestudio.ai/team'
paragraph
[58] link CAREERS, center=(403,57), url='https://gladestudio.ai/careers'
paragraph
[61] link CONTACT US, center=(516,57), url='https://gladestudio.ai/contact'
[62] link, center=(641,57), url='https://gladestudio.ai/cursedcrown'
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
[65] link JOIN WAITLIST, center=(852,57), url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/IpziRXMbVVciREIjqE1MakNLzb0.png'
paragraph
image, url='https://framerusercontent.com/images/GXJZdk7UZAsgr9q705duTCbu74.png?scale-down-to=2048'
[86] svg, center=(1835,995)
RootWebArea Glade, focused, url='https://gladestudio.ai/about'
navigation
[100] link, center=(104,57), url='https://gladestudio.ai/'
image, url='https://framerusercontent.com/images/WDbYS1TLoKYoGBeTFaXTJDkUtE.png'
paragraph
Show more
[107] link ABOUT, center=(231,57), url='https://gladestudio.ai/about'
paragraph
[110] link TEAM, center=(313,57), url='https://gladestudio.ai/team'
paragraph
[113] link CAREERS, center=(403,57), url='https://gladestudio.ai/careers'
paragraph
[116] link CONTACT US, center=(516,57), url='https://gladestudio.ai/contact'
[117] link, center=(641,57), url='https://gladestudio.ai/cursedcrown'
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
[120] link JOIN WAITLIST, center=(852,57), url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/IpziRXMbVVciREIjqE1MakNLzb0.png'
paragraph
image, url='https://framerusercontent.com/images/zfu1gWVmL7cKWaJTb9kcxoGlHVE.png?scale-down-to=2048'
heading ABOUT
heading Glade is a game studio at the forefront of innovation, pioneering new possibilities in gaming through the power of AI. We're committed to pushing the boundaries of what’s possible in gaming, utilizing the latest advancements in AI technology to create smarter, more dynamic worlds that adapt to the player’s actions and decisions.
heading Backed by the best in Gaming x Tech
image, url='https://framerusercontent.com/images/6SGnqyPBgV294hxz06Uw23oFwI.webp?scale-down-to=512'
image, url='https://framerusercontent.com/images/U5EKcuIjTL7JH7GAGFOTgfHyQyU.png'
image, url='https://framerusercontent.com/images/xRWVtA63PjsK1frtoThxcjzUY.png?scale-down-to=1024'
heading LATEST NEWS
heading Our upcoming title is a medieval fantasy adventure, inspired by some of our favorite animated films and online games. Players will engage with truly lifelike AI characters, combining an action-packed adventure with reflective moments and meaningful relationships.
[159] link Learn more, center=(1243,695), url='https://gladestudio.ai/cursedcrown'
paragraph
image
[169] svg, center=(1835,995)
Reasoning for action: By clicking on the 'ABOUT' link, I access the section of the website that is likely to contain information about the studio and its upcoming projects, including 'Cursed Crown'. This step is essential for gathering the details needed to satisfy the user story and subsequently click the 'Learn more' link.
Action: click('52') # Click on the ABOUT link to explore the content of the website.
Change Description: The browser navigated to the ABOUT page of the website, updating the URL to 'https://gladestudio.ai/about', and the content now includes new sections such as headings and images related to the studio's mission and latest news.
Screenshot before:Screenshot after:---
Step 2:
Url (before/after):
https://gladestudio.ai/about
https://gladestudio.ai/cursedcrown
Content (before/after):
RootWebArea Glade, focused, url='https://gladestudio.ai/about'
navigation
[100] link, center=(104,57), url='https://gladestudio.ai/'
image, url='https://framerusercontent.com/images/WDbYS1TLoKYoGBeTFaXTJDkUtE.png'
paragraph
Show more
[107] link ABOUT, center=(231,57), url='https://gladestudio.ai/about'
paragraph
[110] link TEAM, center=(313,57), url='https://gladestudio.ai/team'
paragraph
[113] link CAREERS, center=(403,57), url='https://gladestudio.ai/careers'
paragraph
[116] link CONTACT US, center=(516,57), url='https://gladestudio.ai/contact'
[117] link, center=(641,57), url='https://gladestudio.ai/cursedcrown'
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
[120] link JOIN WAITLIST, center=(852,57), url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/IpziRXMbVVciREIjqE1MakNLzb0.png'
paragraph
image, url='https://framerusercontent.com/images/zfu1gWVmL7cKWaJTb9kcxoGlHVE.png?scale-down-to=2048'
heading ABOUT
heading Glade is a game studio at the forefront of innovation, pioneering new possibilities in gaming through the power of AI. We're committed to pushing the boundaries of what’s possible in gaming, utilizing the latest advancements in AI technology to create smarter, more dynamic worlds that adapt to the player’s actions and decisions.
heading Backed by the best in Gaming x Tech
image, url='https://framerusercontent.com/images/6SGnqyPBgV294hxz06Uw23oFwI.webp?scale-down-to=512'
image, url='https://framerusercontent.com/images/U5EKcuIjTL7JH7GAGFOTgfHyQyU.png'
image, url='https://framerusercontent.com/images/xRWVtA63PjsK1frtoThxcjzUY.png?scale-down-to=1024'
heading LATEST NEWS
heading Our upcoming title is a medieval fantasy adventure, inspired by some of our favorite animated films and online games. Players will engage with truly lifelike AI characters, combining an action-packed adventure with reflective moments and meaningful relationships.
[159] link Learn more, center=(1243,695), url='https://gladestudio.ai/cursedcrown'
paragraph
image
[169] svg, center=(1835,995)
RootWebArea Glade: Building the next generation of RPG, Cursed Crown, focused, url='https://gladestudio.ai/cursedcrown'
navigation
[176] link, center=(104,57), url='https://gladestudio.ai/'
image, url='https://framerusercontent.com/images/WDbYS1TLoKYoGBeTFaXTJDkUtE.png'
paragraph
Show more
[183] link ABOUT, center=(231,57), url='https://gladestudio.ai/about'
paragraph
[186] link TEAM, center=(313,57), url='https://gladestudio.ai/team'
paragraph
[189] link CAREERS, center=(403,57), url='https://gladestudio.ai/careers'
paragraph
[192] link CONTACT US, center=(516,57), url='https://gladestudio.ai/contact'
[193] link, center=(641,57), url='https://gladestudio.ai/cursedcrown'
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
[196] link JOIN WAITLIST, center=(852,57), url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/IpziRXMbVVciREIjqE1MakNLzb0.png'
paragraph
image, url='https://framerusercontent.com/images/9hF5LUirBeFeY4vmz77PzUEcQhg.png?scale-down-to=2048'
paragraph
StaticText enter the world of
paragraph
StaticText ALDER
[212] link Join waitlist, center=(878,920), url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/WQoBatyxwrofA1LhMxZJloWc.png'
paragraph
[218] link Watch trailer, center=(1039,920), url='https://gladestudio.ai/cursedcrown#trailer'
image, url='https://framerusercontent.com/images/Pmk0GcOI6TSm2JoRRxLAXknJ8.png'
paragraph
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
heading Trailer coming soon!
Reasoning for action: By clicking on the 'Learn more' link associated with the upcoming title 'Cursed Crown', I am directed to a dedicated page that will likely contain specific information about the game. This action is essential as it progresses towards attaining the user's goal of exploring more about 'Cursed Crown' and staying updated on its release. I anticipate that this page will include details like the heading 'Trailer coming soon!', thus fulfilling part of the user story.
Action: click('159') # Click on the 'Learn more' link to explore details about the upcoming title.
Change Description: After clicking the 'Learn more' link, the browser navigated to a new page focused on the upcoming title 'Cursed Crown', which presented updated navigation links, additional static text, and a new heading 'Trailer coming soon!', replacing the previous content about Glade's AI gaming innovations.
Screenshot before:Screenshot after:---
Step 3:
Url (before/after):
https://gladestudio.ai/cursedcrown
https://gladestudio.ai/cursedcrown#trailer
Content (before/after):
RootWebArea Glade: Building the next generation of RPG, Cursed Crown, focused, url='https://gladestudio.ai/cursedcrown'
navigation
[176] link, center=(104,57), url='https://gladestudio.ai/'
image, url='https://framerusercontent.com/images/WDbYS1TLoKYoGBeTFaXTJDkUtE.png'
paragraph
Show more
[183] link ABOUT, center=(231,57), url='https://gladestudio.ai/about'
paragraph
[186] link TEAM, center=(313,57), url='https://gladestudio.ai/team'
paragraph
[189] link CAREERS, center=(403,57), url='https://gladestudio.ai/careers'
paragraph
[192] link CONTACT US, center=(516,57), url='https://gladestudio.ai/contact'
[193] link, center=(641,57), url='https://gladestudio.ai/cursedcrown'
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
[196] link JOIN WAITLIST, center=(852,57), url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/IpziRXMbVVciREIjqE1MakNLzb0.png'
paragraph
image, url='https://framerusercontent.com/images/9hF5LUirBeFeY4vmz77PzUEcQhg.png?scale-down-to=2048'
paragraph
StaticText enter the world of
paragraph
StaticText ALDER
[212] link Join waitlist, center=(878,920), url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/WQoBatyxwrofA1LhMxZJloWc.png'
paragraph
[218] link Watch trailer, center=(1039,920), url='https://gladestudio.ai/cursedcrown#trailer'
image, url='https://framerusercontent.com/images/Pmk0GcOI6TSm2JoRRxLAXknJ8.png'
paragraph
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
heading Trailer coming soon!
RootWebArea Glade: Building the next generation of RPG, Cursed Crown, focused, url='https://gladestudio.ai/cursedcrown#trailer'
navigation
[176] link, center=(104,1137), url='https://gladestudio.ai/'
image, url='https://framerusercontent.com/images/WDbYS1TLoKYoGBeTFaXTJDkUtE.png'
paragraph
Show more
[183] link ABOUT, center=(231,1137), url='https://gladestudio.ai/about'
paragraph
[186] link TEAM, center=(313,1137), url='https://gladestudio.ai/team'
paragraph
[189] link CAREERS, center=(403,1137), url='https://gladestudio.ai/careers'
paragraph
[192] link CONTACT US, center=(516,1137), url='https://gladestudio.ai/contact'
[193] link, center=(641,1137), url='https://gladestudio.ai/cursedcrown'
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
[196] link JOIN WAITLIST, center=(852,1137), url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/IpziRXMbVVciREIjqE1MakNLzb0.png'
paragraph
image, url='https://framerusercontent.com/images/9hF5LUirBeFeY4vmz77PzUEcQhg.png?scale-down-to=2048'
paragraph
StaticText enter the world of
paragraph
StaticText ALDER
link Join waitlist, url='https://docs.google.com/forms/d/e/1FAIpQLSefT2Uz7U7NvFC5cEyoJn6tHBlk77r4EBPaFSDpIYcDGAiEWA/viewform'
image, url='https://framerusercontent.com/images/WQoBatyxwrofA1LhMxZJloWc.png'
paragraph
link Watch trailer, focused, url='https://gladestudio.ai/cursedcrown#trailer'
image, url='https://framerusercontent.com/images/Pmk0GcOI6TSm2JoRRxLAXknJ8.png'
paragraph
image, url='https://framerusercontent.com/images/BKRBD5G2PJ6P9DrzXKseseR2EM4.png?scale-down-to=512'
heading Trailer coming soon!
Reasoning for action: I chose to click on the 'Watch trailer' link because it is specifically mentioned in the user's success criteria to advance towards seeing details about 'Cursed Crown', ensuring that I progress towards fulfilling the user's goal of staying updated about the game and anticipating its release. By clicking this link, I am directly interacting with the feature related to the trailer, which is central to the user's request.
Action: click('218') # Click on the 'Watch trailer' link to see if any trailer content is available.
Change Description: After clicking the 'Watch trailer' link, the URL of the page updated to include '#trailer', the browser focused on the link, and the vertical positioning of the navigation elements changed as they moved downward, indicating a new content section may have loaded or appeared.
Screenshot before:Screenshot after:---