↩ index

Oen.tw v2

~20 inbound leads a month in the year after launch, through the site's first contact form. Co-designed with a contract designer, with the front end and scroll-driven feature animations built in React and Framer Motion.

role
Design Engineer
shipped
Oct, 2022
scope
Feature sections, frontend engineering, scroll animation design
team
Oen
link
oen.tw

Note: v3 has been published.

Background

Oen is a B2B fintech platform for payments, donations, events, memberships, and CRM. Every kind of client runs on one payment core, and one homepage had to explain all of it without reading as five products.

The previous site was a single page written for nonprofits and CRM. It showed no product, read nothing like a payment platform, and left visitors unsure what Oen offered.

My role

Mooon Chang (contract designer) led design. I designed the feature sections alongside Mooon, then the pricing and feature pages after the contract ended. I rewrote the messaging around what Oen offers as a fintech platform, and built the front end of the feature sections and contact page, including the scroll-driven animations in React and Framer Motion. Kelly Pan built the site structure and Rex Chen the contact form backend.

The feature demos are tied to scroll rather than shown as video or plain images, so the reader drives each demo instead of watching it play.

Impact

Credit

Mockup of new homepage
[→]Features animation and interaction
Contact form with clear labels
[→]Inbound contact form
Features section of homepage on mobile devices
Pricing section homepage
[→]Pricing plan
Feature details page
[→]Product details

/ Updated at /

Event attendee check-in

Next →