Shared from Yui | Playground
Narrate: a website update, before and after
One screen from Yui, drawn from 4 lines of Yui Lines.
S
Scout
live Yui Lines
What changed on the site
1. The hero


1
2
‹ ›
BeforeAfter- 1Headline says what you get
- 2One booking button, top right too
First, the hero. The old headline said welcome to our website. The new one says what you will make, and when. There is one clear button to book, and it repeats top right.
1 / 3 · voice: Scout
Scout
The lines the agent sends:
narrate "What changed on the site" voice=agent
compare /demo/site_before_hero.jpg /demo/site_after_hero.jpg "1. The hero" hl=3,28,50,46|84,2,15,8 notes="Headline says what you get|One booking button, top right too" say="First, the hero. The old headline said welcome to our website. The new one says what you will make, and when. There is one clear button to book, and it repeats top right."
compare /demo/site_before_classes.jpg /demo/site_after_classes.jpg "2. Classes" hl=3,16,94,56 notes="Three cards with a photo and a price" say="Next, classes. A wall of text became three cards, each with a photo and a price, so nobody has to email to ask what it costs."
compare /demo/site_before_visit.jpg /demo/site_after_visit.jpg "3. Visit us" hl=4,7,54,86|62,7,35,80 notes="A map|Hours and parking in a table" say="Last, the visit section. There is a map, the hours and parking sit in a table, and the same booking button closes the page."