Here is my submission to #flowstepchallenge on Contra This design has been in my brain for years ...Here is my submission to #flowstepchallenge on Contra This design has been in my brain for years ...
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
Here is my submission to #flowstepchallenge on Contra
This design has been in my brain for years while I worked in the R&D department and every month would struggle to gather backdated data for management review meeting. I would have to approach production, quality, maintenance, purchase and marketing separately to gather all the data. Painstakingly review the data (always had to recheck and correct because the data would never match) and create a presentation for MRM.
So, here is my solution, a simple software (unlike SAP) that would gather the data from separate teams and give the management a daily/ monthly view of the going ons in the plant in one screen and would also suggest next actions based on the performances of the units.
Landing Page Design Concept for a Live Touring Platform
Tourline is a landing page design concept for a booking platform that turns an agent's inbox into one live record per show: holds, offers, routing, contracts and settlement.
How it's built:
Hero is a real-time 3D concert stage in Three.js. Scroll moves the show through its lifecycle: hold, offer, advance, show night, settle.
Custom volumetric light beams written as a GLSL shader, with real spotlights lighting the stage and crowd, bloom, lens glare and dust caught in the beams.
The LED wall, side screens and LED floor are live canvas textures. The headline renders on the wall, then breaks into LED dots as you scroll.
Beam choreography runs at 124 BPM with four lighting modes, and the camera responds to the cursor.
ScrollTrigger and smooth scroll drive the section reveals, route drawing and the interactive inbox.
Breaking the headline into LED dots as you scroll is a lovely way to tie the copy to the stage. With that much going on in the hero, how did you keep it light on mid-range laptops? Did you cap the pixel ratio or turn some of the bloom and glare off?
Designed and developed ClubTree, a SaaS platform that helps membership organizations manage their websites, members, events, and communications from one centralized system.
ClubTree combines a public-facing website with an administrative dashboard, giving organizations the tools to manage membership applications, member directories, attendance, newsletters, documents, and organizational workflows.
The platform was designed around real-world service club needs, with an emphasis on intuitive navigation, role-based access, and simplifying administrative tasks.
My role: Product strategy, user research, UI/UX design, full-stack development, testing, and launch.
Key features:
- Membership applications and directories
- Event and attendance management
- Website content management
- Newsletters and member communications
- Role-based access and administrative dashboards
- Integrated organizational workflows
Outcome: A functional membership management platform with a live implementation for the Rotary Club of Charlottesville.
Going live with one real club in Charlottesville and building around how they actually run is the right way to do it. Club admin tools usually feel stuck in 2010, so this looks like a big upgrade. How did you land them, through someone in the club?