Background
In the fall of 2020, I had the privilege of participating in the Code for Good 24-hour hackathon in Columbus, Ohio, hosted by JP Morgan Chase & Co. This event brought together creative minds to collaborate on projects benefiting local communities. Our challenge was to revamp the website and user experience for Apprisen, an organization dedicated to promoting financial literacy and assisting individuals in managing debt.
What I Did
Tasked with enhancing the UI/UX of the web app, I immersed myself in sketching out design concepts and updating the organization's logo. Leveraging HTML, CSS, and Flask, I meticulously crafted the user interface elements using Adobe Creative Suite. Our focus was on creating a seamless user experience, ensuring easy access to program information and fostering motivation for users to achieve their financial goals.
What I Learned
The intense 24-hour timeframe of the hackathon taught me valuable lessons in time management and adaptability. As we battled sleep deprivation, I learned to regulate my caffeine intake to maintain focus and productivity. Additionally, delving into Flask expanded my understanding of web frameworks and their application in real-world projects. Most importantly, I gained insights into the emotional impact of UI elements and the importance of thoughtful copywriting in driving user motivation.
Design Scribbles
On the home page, users are greeted with a friendly welcome message alongside the current date. Their login streak is prominently displayed, encouraging regular visits to monitor their financial progress. A progress bar offers a visual representation of their debt payment journey, empowering users to track their advancement towards financial goals at a glance.