Challenge Summary
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
CHALLENGE OBJECTIVE
Focus on creating the design for a Responsive Web application, this challenge will focus only on the 3 desktop screens and interactions
Make the elegant, clean, simple, user-centered look and feel with modern aesthetics design
Round 1
Submit your initial designs for checkpoint feedback01 Landing Page
02 Get Started Page
As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt
Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Round 2
Submit your final designs with all checkpoint feedback implemented01 Landing Page
02 Get Started Page
03 Question Template Page
As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt
Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)
If you're not submitting in the Checkpoint/Round 1, you are not eligible to submit in the Final/Round 2
BACKGROUND OVERVIEW
Problem Statement
Today an average American teen is super busy with limited open space & time. Parents post COVID are struggling with new norms and new ways of working. Parents and kids have no quality time to talk about the essentials of life. Finance is an essential concept and subject for the first generation, underserved and underprivileged, people, of color. Our modern-day society also uses it to associate with a status. Yet, many middle & high schoolers in America have never learned basic finance principles or practiced them in their day-to-day lives.
Need for Financial Literacy
- Individuals have to make more complicated financial decisions than in recent times.
- USA Debt levels are unsustainable, and we need to act upon them urgently.
- Learning and experiencing financial literacy by experience is expensive. It makes perfect sense to learn such scenarios in high school.
- Financial education is for lifelong implementation. A learner keeps on learning and making better monetary judgments.
- ������The implications of poor financial knowledge last for generations.
TARGET AUDIENCE
9-12 Students:
Today, students cannot make intelligent financial decisions. We aim to educate students on finance fundamentals and enable information-backed decision-making through this digital transformation initiative. We will help develop students' internal locus of control. As a result, students build self-esteem, confidence and make independent decisions. Students also become aware of unbanked and underbanked consequences and are encouraged to open bank accounts.
Community College Students:
Community college students will take finance courses for $99 each. This initiative will help bring down their tuition and make better choices while deciding on their college.
SCREEN REQUIREMENTS
01 Landing Page
- Include the Logo on the left side;
- Provide an option to select the Site Language: English; also have the option to select Spanish
- Have the below text in the Hero banner/image “I commit to being a finically smart kid; there are already <NNN> kids like you; let's go…
- Have the call to action as “GET STARTED, LOGIN” buttons
The world’s #1 way to learn about money & finance
You are the future. Learning finance, business management, and entrepreneurship with Cent2Dollar is fun, and you will grow up being a responsible adult while gaining fundamental life skills.
Include the title "Learning with Cent2Dollar"
- ICON Grade wise study plans
- ICON Lessons made for you
- ICON Cool and rewarding
- ICON Become a confident leader
ICON Cent2Dollar Premium
All of the above and more…… You can remove ads and get access to more material to make you smarter!!
At the bottom of the page have these links:
About us
Courses
Mission
Approach
Team
Press
Contact us
Products
Cent2Dollar
Cent2Dollar for Schools
Peso2Dolar
Peso2Dolar for Schools
Help and support
FAQs
Privacy and terms
Social
Instagram
Facebook
Twitter
LinkedIn
02 “GET STARTED” Page
This page will need to work like a wizard with the below points in each step of the wizard
Step 1:
I am in grade
- Icon 3: 9
- Icon 4: 10
- Icon 5: 11
- Icon 6: 12
- Icon 7: Community College
I study in the following state: Drop Down with the US States “PA” defaulted.
Step 2:
We found each other via:
- TikTok
- Friends Family
- School
Include a “Continue” button
Step 3:
How much do you know about money & finance?
- Icon 9: Beginner (I know how to count money)
- Icon 10: Average (I can do grocery shopping)
- Icon 11: Expert (I have an excel for my money)
Include a “Continue” button
Step 4:
Have the text “Let’s get you in….
- Icon 12: Continue with Facebook
- Icon 13: Continue with Google
- Icon 14: Continue with Email
Step 5:
Include the below text:
“CONGRATULATIONS!!!
This course on Finance, Business Management & Entrepreneurship has nine levels.
Each level is 1-2 hours of interactive multiple-choice questions and answers. You can pause and continue anytime. You will be encouraged to use internet to explore financial terms.
Multiple-choice questions will make you understand how finance works in a person's day-to-day life.
Videos will help you understand bank accounts, homeownership, saving for college - all essential topics!
We will cover the following topics for grade 9:
- [ICON] Responsibilities associated with managing personal finance
- [ICON] Access factors affecting the availability of housing
- [ICON] How are consumer rights and responsibilities protected?
- [ICON] Influences of income and benefits on decisions about work
- [ICON] How to evaluate different strategies to obtain consumer goods and services?
- [ICON] Analyze how different providers serve the family”
���Include a button to start the lessons/topics
03 Question Template Page:
Reference: Core_Lesson#1.pdf
Include the title of the lesson as “Core Lesson #1: Responsibilities associated with managing personal finance”
Include this description: “Explain the responsibilities of managing personal finances (e.g., savings, checking, credit, non-cash systems, investments, insurance).”
- Show a Progress Bar
- Each of the question formats will be:
- Question: Use the questions from the provided pdf, please include all the questions.
- Explanation: This will need to show a video that explains the process / please show how this will look in your designs. (something similar to https://bettermoneyhabits.bankofamerica.com/en/saving-budgeting/how-to-save-money-tips)
- Answer: 3 options; each will have an icon (icon can represent the answer text)
- Once the child selects the options, indicate if the answer is right or wrong.
- If the answer is correct, the child will get a star.
- If the answer is wrong, we show "Incorrect answer - Try again.” and also we show a hint to help them choose the correct answer.
- Once all the questions are complete, we show a congratulations message and the option to move to the next lesson.
DEVICE SPECIFICATIONS
Web application (Desktop): minimum 1366px width with height adjusting accordingly
DESIGN GOALS AND PRINCIPLES
- Follow best practices for Web application
- Modern, simple, easy to use, and clean design
- Seamless Navigation and enhanced Features
- Reduce the number of interactions required from users as much as possible
- Use color or great visual comparison to highlight a comparison of important information
- Intuitive for the user; should never be left asking "what do I do next?"
- Easy viewing for pages that may be over overcrowded with information
- Keep things consistent. This means all graphics styles should work together
- All of the graphics should have a similar feel and general aesthetic appearance
BRANDING GUIDELINES
- Use the provided logo
JUDGEMENT CRITERIA
Creativity: Conservative - barely new ideas, use what is already proven to work
Exploration: Flexible - follow the provided screen requirements section and propose improvements or different paths that positively impact the user goals
Aesthetics: Hi-fidelity design - provide a top-notch finished looking visual design
Branding: Open - Use the provided logo, suggest improvements that seem appropriate and in line with the goals.
MARVEL PROTOTYPE
- We need you to upload your screens to MarvelApp
- Please request your MarvelApp prototype in the respective thread in the challenge forum
- You MUST include your Marvelapp URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload)
FINAL DELIVERABLES
Submission File
Submit JPG/PNG image files based on Challenge submission requirements stated above
Declaration files document contains the following information:
- Stock Photos Name and Links from allowed sources
- Stock Art/Icons Name and Links from allowed sources
- Fonts Name and Links source from allowed sources
Full Details of the Topcoder Policy can be found in this LINK
Source Files
All source files of all graphics created in any design tools such as Adobe XD, Sketch, or Figma and saved as an editable layer
FINAL FIXES
As part of the final fixes phase, you may be asked to modify your files, add or remove screens or combine details to create a final presentation.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.