SwipeCard

Inspiration

Inspired by a combination of BeReal and the gamification of studying.

What it does

The goal of SwipeCard is to encourage users to be productive while studying! By "clocking in" by swiping their card into the slot, they take a picture (with both front and back cameras) and initiate their study/work session. When the user "clocks out" they take their card out and take another picture (again, with both front and back cameras) and the app will record their session.

How I built it

I didn't implement the app, but I designed a website that advertises the app and its features.

The website was designed in Figma and partially implemented into an interactive React webpage.

Challenges I ran into

This is our first "Designathon" and I was put to the test to create a website with the users in mind. I wanted to make the website intuitive, easy to read, and engaging. It was a challenging task to include all the content I wanted while ensuring all the frames were properly and evenly laid out.

Accomplishments that I’m proud of

I’m proud of creating a website while keeping the user in mind!

What I learned

I became much more comfortable working in Figma and implementing a Figma design into an interactive website.

What's next for SwipeCard

I definitely want to continue with this project and implement the application itself! I loved the idea of “clocking in” and “clocking out” with a card and the animation and sound for that would be really satisfying, especially after a long time at work.

Built With

• figma
• react