Hi,
Congratulations on reaching the Assignment round of this full-time position at BeyondChats!
Through this assignment round, we want to evaluate your mobile-responsive UI/UX skills.
ALL THE BEST!
Assignment:
BeyondChats is a chatbot company.
Following is the step-by-step process for setting up a new chatbot for new businesses.
You need to build the UI/UX to implement this workflow.
1. User Registration:
● User enters name, email & password.
● User can also “continue with Google”
● User needs to submit email verification code to ensure genuine registrations.
2. Next section: Setup Organisation
● User enters company name, company website URL, company description.
(Bonus point if you can auto-fetch meta-description from website URL)
● Assume that a backend server exists that scrapes the client website in the
background to auto-train the chatbot. You need to create a UI to show the
user all webpages that have been detected, which have been scraped, which
are still pending. Use dummy data for this. Along with this, user can click on
any webpage to see all data chunks that have been scraped from that
webpage.
● User can wait for the chatbot training to finish, or move to the next part of
setup.
3. Next section: Chatbot integration & testing
Three buttons on this screen:
● “Test chatbot” button
○ Open the client's website with a dummy chatbot integration on bottom
right.
○ Have a topbar “Chatbot not working as intended? Share feedback”
● “Integrate on your website” button.
○ 2 options:
■ Easy to follow instructions on how client can copy-paste a
dummy code within <head> of their website to integrate the
chatbot.
■ Mail instructions to client’s developer
● Test integration button
■ Opens a new screen
● Confetti UI or some other SUCCESS UI showcasing that integration
has been successful. After that, show the following
○ "Explore Admin Panel" button.
○ "Start talking to your chatbot" button.
○ Social media sharing buttons.
● Another UI in case integration cannot yet be detected.
Evaluation Criteria:
1. Color scheme, theme, UI: 5 pts
2. UX: 5 pts
3. Desktop UI: 5 pts
4. Mobile UI: 5 pts
5. Transitions & Animations: 5 pts
6. Intuitiveness: 5 pts
7. WOW factor: 5 pts
8. Coding best practices and readability: 10 pts
Notes:
1. You have till Sunday end-of-day to complete this assignment.
2. We understand that this time may not be enough to do complete justice to the
assignment or showcase the best of your skills. But please try to complete the
assignment to the best of your abilities in the given time.
3. If time is limited, focus on UI/UX & responsiveness above all else.
4. Use dummy data wherever required.
5. You are free to use any libraries as long as your code is built using Javascript-based
frameworks like ReactJS or NextJS.
6. Your final submission should be a Github project URL which contains a ReadMe file
describing your submission. The ReadMe should also contain the link to the live
website.
7. Please make sure your Github project is public so that we can evaluate your
submission with ease.
8. You own complete rights to your code and we promise to not use it for any purposes
unless we select you for the position.
9. For any queries, please email on contactbeyondchats@gmail.com
ALL THE BEST!
