💄 Mobile | Design "Powered by AI" for Earn Page

SSWConsulting / SSW.Rewards.Mobile

https://rewards.ssw.com.au

Apache License 2.0

29 stars 8 forks source link

💄 Mobile | Design "Powered by AI" for Earn Page #845

Open tkapa opened 3 months ago

tkapa commented 3 months ago

As per @adamcogan's request, we want to make it more obvious that our Quizzes are AI powered!

Currently we only display the OpenAI logo while loading the Quiz results, and it's difficult to tell that we're using AI on the existing Earn Page.

[ ] Propose a way to add some indication of AI powered quizzes to the Earn page
[ ] Get it checked by Adam

hveraus commented 2 months ago

including the screenshot

hveraus commented 2 months ago

@tkapa

Hi Tylah, I am thinking adding a little badge on top of the image, see the image below:

hveraus commented 2 months ago

@tkapa @AntPolkanov @zacharykeeping

Hi guys, thoughts on the image above?

AntPolkanov commented 2 months ago

@tkapa @AntPolkanov @zacharykeeping

Hi guys, thoughts on the image above? @hveraus thanks for the mockup! I like the the badge, it's just the text at the top feels a bit clump up... And on other images, like for the .NET quiz, people are located slightly closer to the top than on the Angular one.

What do you think if we rotate the badge by 45 degrees anticlockwise and put it in the left top corner?

hveraus commented 2 months ago

@tkapa @AntPolkanov @zacharykeeping Hi guys, thoughts on the image above? @hveraus thanks for the mockup! I like the the badge, it's just the text at the top feels a bit clump up... And on other images, like for the .NET quiz, people are located slightly closer to the top than on the Angular one.

What do you think if we rotate the badge by 45 degrees anticlockwise and put it in the left top corner?

Hi Anton, I don't mind both ways, we can always move people around. I put it on the right side though. see mockup below.

hveraus commented 2 months ago

Hi Guys, as per discussion during designer's sprint this week, we are going for this option, I'll see if I can get Adam

hveraus commented 1 month ago

As per converstion with @adamcogan , the ribbon design for AI Powered is test passed.

hveraus commented 1 month ago

@tkapa @AntPolkanov

Hi guys, the design is test passed, let me when you guys are implementing it, I can export the image

AntPolkanov commented 1 month ago

Hey @hveraus,

Love the approved version! Thanks for you help.

I can upload them to production. Can you please send me a link to the new images in Teams.