October 2020 - March 2018

Tally Website

Product Designer & Frontend Engineer | Tally
Project Context
Tally was an app that allowed users to collaboratively organize social gatherings or "outings".

Tally allowed users to quickly denote their preferences for when they are free, where they want to go and how they want to get there, with as much flexibility as is needed.

Key features included polling for availability and outing preferences, status updates, and separate group chats for each outing.

For more information on Tally, checkout the Tally's project description here.
My Contributions
I solely designed and coded up the full web page, including both the desktop and mobile views.

I also wrote all the copy for the web page, as well as created/sourced all the images and gifs.
Project Goals
For Tally’s landing page, I wanted to create something that spoke to Tally’s user base.  I didn’t want to create just another standard landing page, with a list of functionalities and value propositions.

I wanted to create a page that, along with showing off what our app did, would be something "cool", different, and give our users a potential laugh.

So I scoured the web for interesting, attention-capturing landing pages that would serve as inspiration for Tally's design.  I visited the website of every social media app, food delivery service, SAAS product, and fintech platform known to man (thanks TechCrunch).

And then I can across this webpage for N26. (Using WebArchive, aka the Wayback Machine, I’m able to link to N26's old homepage, which was live 5+ years ago but is no longer deployed).

I loved the scroll effect N26 had created and so I decided to mirror the idea for Tally's website.

Screenshots of the Website

Technologies Used
Building
  • React
  • Javascript
  • HTML, CSS
  • rc-scroll-anim
  • react-waypoint
  • react-transition-group
Design
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe Sketch
Testing
  • Jasmine
  • Enzyme