The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Redesigned dual-sided job platform for students and employers. Rebuilt UI/UX, added real-time notifications (FCM), Firestore-backed job matching, and a media pipeline via Backblaze B2. Focused on clean architecture and performance for scale.
Key features:
Real-time chat — typing indicators, reply-to-message, file/image attachments
Push notifications — read receipts, badge counts, job alerts on skill match
Skills-based job matching with save/apply flow, Google Sign-In
Employer pipeline dashboard — status tracking, bulk updates, CSV export
Application timeline with visual status history
Profile photo upload with circular crop, resume upload/view
Light/dark/system theme support
React admin panel with live Firestore data, role-based access
Additional details:
Chat: swipe-to-delete, delete-for-me, clear chat, deterministic message IDs
Presence system: live online/last-seen status via Firestore heartbeats
Notifications: date-grouped list, swipe-to-delete, deep-link to relevant screen Employer.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Friday app: NURV® 🟠
Swim training, nutrition and AI coaching in one Android app.
Dot-matrix numerals, a cream canvas, one hot orange accent. Built to feel like a lab instrument, not a fitness tracker.
Pool ops, fuel phases, CO₂ tolerance drills, all in one place.
I wanted to create something that felt like a real fashion brand had already existed for years.
Not just a homepage. Not a collection of pretty screens. An actual store, with its own identity, imagery, products, interactions and all the small details that make a website feel complete.
That idea became NARROWFORM.
I created the brand and name, developed the art direction, produced the fashion and product imagery, designed the entire interface and shopping experience, and built the website myself.
I wanted the concept to hold up beyond the first impression, so I built the experience all the way through:
Product discovery
Product pages
Cart interactions
Checkout
Simulated payment
Cookie consent
Responsive layouts
Mobile interactions
And the smaller interface states throughout the experience
The imagery was created specifically for NARROWFORM using generative tools, then refined and directed to fit the same visual language as the website.
The result is a complete fashion e-commerce concept that you can actually explore.
This is probably the most involved project I've made so far, because I wasn't trying to design a website around an existing brand.
I wanted to create the brand, then build the website that belonged to it.
Creative work
LUMÉA is a premium skincare store designed to feel like a printed beauty editorial come to life. I designed and built it from start to finish, from the brand look and motion to a fully working checkout and admin dashboard.
Design: Ivory and bone neutrals, espresso ink, deep moss and champagne-gold accents. The headlines are set in Fraunces with italic accents, and the body text in clean Manrope. Every section reads like a magazine spread: the hero campaign, ritual steps, ingredient cards, curated sets and a journal.
Motion: The hero photo is redrawn in a custom WebGL shader, with a liquid ripple that follows the cursor, drifting "sunlight through leaves" light and floating pollen. Scrolling is smooth and inertial. Headlines rise in line by line, photos move with parallax depth, and product previews follow the cursor.
The store: The shop has category filters, search, price filtering and sorting. Product pages have Benefits / Ingredients / How to Use tabs, and a slide-out bag updates in real time. Checkout is secure through Stripe, with card, Apple Pay and Link payments in more than one currency.
Behind the scenes: Firebase handles sign-in and data, and a role-protected admin dashboard covers products, inventory, orders, customers, content and sales analytics.
Built with: Next.js, React, TypeScript, Tailwind CSS, Firebase, Stripe, SQLite, WebGL, Render
This is really nice 👌