Visual Experience Analytics

Visual Experience Analytics is a web application that analyzes website visuals to improve user experience and accessibility.

Comment

Inspiration

Many design teams attempt to quantify design quality and metrics of website to improve performance. The app’s subtitle “Measure Design Quality” suggests using some formal metrics.

What it does:

This web app takes the URL of target website from user, scrape data from website, and return contrast score readability, accessibility and heat map. It also visualize contrast score, readability and accessibility score. First preview link is updated version of web app after using reimaginweb.dev, the second link is github repo and third link is the preview of web app before using reimaginweb.dev.

How we built it

The web app is built using low/no code tools. I used replit, loveable and chatgpt . Used reimagineweb.dev to eliminate the lower value content and added more valuable content .

Challenges we ran into

I faced several challenges like several times finding pain point and again ask to loveable. And what was the time taking , after 2 to 3 times changes loveable credits . I used to for next 24 hours for new assigning credits. I also ran this project local and used fast API but there were several problems . So for submission of project in time I used loveable and replit for quick development.

Accomplishments that we're proud of

I am feeling glad that it was my first hackathon, although the project may or may not well but it give me oppurtunity to learn something new and i did it.

What we learned

I learned several things like how to make directory structure projects, importing functions from other file, how to run back-end,pushing to github and a lot things i learned while i was making this project local. Learned how to optimize a website content for seo and business rank using reimaigneweb.dev.

What's next for Visual Experience Analytics

The Visual Experience Analytics provide insights and pain point in your design of website. For next it is need to improve the accuracy of result. Using the reimagineweb.dev enhanced the website the seo score as to rank in google. it give meaning full insights that actually works. Reimagineweb.de gave complete insight report that what things to be updated for better ranking and conversion.

Built With

Share this project:

Updates