Freelance Interaction Designers in San Francisco
Freelance Interaction Designers in San Francisco
Sign Up
Post a job
Sign Up
Log In
Filters
2
Projects
People
David Akanbi
San Francisco, USA
Product & Interaction Designer
$1k+
Earned
4x
Hired
4.9
Rating
85
Followers
expert
expert
Follow
Message
Product & Interaction Designer
1
What happens when menu icons move just a bit? Animated this icon set for a client website to make navigation feel more alive.
1
522
2
Confetti Celebration Animation for Digital Products
2
19
3
Interactive Animation made Rive for a contra client. Default (Idle) State - The Voxworks logo embeds smoothly into a sleek 3D coin. - The coin spins slowly on its axis, creating a sense of precision and balance. - Around it, a wave spectrum lights up in a circular form, symbolizing active energy and listening. - The animation loops perfectly continuous and seamless. _________________________________________________________ Hover State - When hovered or clicked, the coin accelerates, spinning faster with subtle vibration feedback that gives it tactile realism. - The audio wave spectrum becomes dynamically reactive, pulsing in sync with motion visualizing the “voice” of Voxworks.
3
3
262
15
I animated a set of card I worked on a web app project I worked on using @Jitter The WebApp is designed to enhance the sports betting experience through AI-assisted predictions, community driven booking code. Project Link Here (https://contra.com/p/lBsYQbkP-betzgram-web-app?referralExperimentNid=DEFAULT_REFERRAL_PROGRAM&referrerUsername=akanbi_david)#ShareYourWork #UIAnimation #MobileDesign #InteractionDesign
15
305
Interaction Designer
(8)
Follow
Message
Jacob Tran
pro
San Francisco, USA
Google QA to UX reliable simple human
8
Followers
Follow
Message
Google QA to UX reliable simple human
6
Audible App Note-Taking Feature Design
1
6
14
5
Patient-Friendly Pharmaceutical Website Design
5
9
5
Passenger-First UI Design for Autonomous Taxis
5
11
View more →
Interaction Designer
(2)
Follow
Message
Shawn Jr
San Francisco, USA
Empathy-driven design for change
Follow
Message
Empathy-driven design for change
0
Merchant Web Widgets
0
3
0
Uber Driver Offer Card experience redesign
0
9
0
This is How We Cope
0
2
View more →
Interaction Designer
(2)
Follow
Message
Ashlyn Jackson
pro
San Francisco, USA
Graphic Designer & Collaborator
$10k+
Earned
8x
Hired
5.0
Rating
450
Followers
Top
Hired
+1
Follow
Message
Graphic Designer & Collaborator
36
Femme Ephemera | Exhibition Design
36
351
12
Seeing my design work displayed on the side of a San Francisco Muni bus fills me with immense pride and joy. There’s something incredibly special about witnessing a project you poured your creativity into as it moves through the city, reaching so many people in their everyday lives. Collaborating with the Creative Youth Awards over the past few months for their upcoming celebration has been one of the most rewarding experiences of my career. Knowing that my designs are helping to amplify their mission and celebrate young talent is incredibly fulfilling, and seeing the bus ad out in the world has made the entire journey even more meaningful. Moments like these remind me why I love what I do as a designer.
5
12
567
2
Back Market In Store Events
2
40
3
Kava Haven Brand Design
3
30
Interaction Designer
(1)
Follow
Message
Molly Mittal
max
San Mateo, USA
Product & Visual Designer · Brand Identity · UI/UX
2x
Hired
5.0
Rating
53
Followers
Follow
Message
Product & Visual Designer · Brand Identity · UI/UX
19
Loading... Please Wait. 💾 Remember the smell of a brand new computer box? The weight of a mechanical switch before everything went “slim”? I took that tactile nostalgia and turned it into a fully functional UI kit. Heavy-duty keycaps, electric blue accents, and enough Auto Layout to keep even the most chaotic desktop organised. It’s not just a keyboard; it’s a time machine. #80sAesthetic #PixelPerfect #contra #OldSchoolTech #FigmaMakeathon Link (https://mug-cel-04688624.figma.site)Figma Community (https://#80sAesthetic #PixelPerfect #contra #OldSchoolTech #FigmaMakeathon)LinkedIn (https://www.linkedin.com/feed/update/urn:li:ugcPost:7433060238708256769/)Instagram (https://www.instagram.com/p/DVQQKJBEUYz/)
5
19
717
44
Project title STALL — Your farmers market, alive. A swipe-to-shop farmers market companion that connects local vendors with regulars before Saturday ever arrives. The problem Every Saturday, the same thing happens. You show up to the farmers market at 10am. The ramp vendor you wanted is sold out by 9. You forgot cash. You walk past a honey stall three times because you can't remember if you already bought some. And that new mushroom farm you heard about? Gone before you spotted them. On the vendor side, it's just as frustrating. Small farmers wake up at 4am, load the truck, drive an hour, and have no lightweight way to tell their regulars — the people who actually want what they grow — "I have asparagus this Saturday. Come find me." STALL fixes both sides of that problem. What STALL does STALL is a two-sided farmers market app built around one weekly ritual: Saturday morning. For shoppers: Follow vendors at your local market Swipe through a weekly produce deck — right to add to your list, left to skip — exactly like Bumble, but for ramps and sourdough Get a Friday evening digest: what your vendors have this week, your auto-built shopping list, and where each stall is on the map Pre-reserve high-demand seasonal items before you leave the house Discover first-of-season arrivals with a "what's new this week" spotlight For vendors: Post a weekly inventory update in 3 taps — what you're bringing, quantities, price Reach your regulars directly before market day Manage pre-reservations without a complicated system The app celebrates the seasonal nature of farmers markets — ramps in April, strawberries in June, squash in October. Every week feels like something worth showing up for. How I built this with Google Stitch STALL was designed and prototyped entirely using Google Stitch as the primary build tool, with Figma used only for initial wireframing. The workflow: Day 1 — Brand and wireframes I started by defining the brand: the name, palette (Pumpkin Spice Forest — a warm amber, fern green, mauve, and cream system), and illustration direction. I wireframed the three core flows — swipe deck, Friday digest, and vendor post — before touching Stitch. Day 2 — Into Stitch I imported my Figma file directly into Stitch using the .fig import feature. From there I used streaming generation to build each screen live on the canvas — watching the splash screen, onboarding flow, and homepage assemble in real time was genuinely remarkable. The HTML-native canvas meant every animation I added — card tilt on swipe, drawer slide-up, bento tile stagger — rendered exactly as it would in production. Key Stitch prompts used: "Add a swipe gesture to the produce card stack — right swipe shows a green Added overlay with 5° card tilt, left swipe shows a mauve Skipped overlay with -5° tilt" "Make the shopping list items stream in one by one with 120ms stagger on page load" "Add a bottom drawer that slides up from the vendor card with spring easing — show the farm bio, full inventory list, and two action buttons" "Build the Friday digest screen — vendor items animate in sequentially, the seasonal spotlight card pulses gently" "Export web assets and deploy to Netlify" In-place edits I used: Swapped the swipe overlay color from red to mauve to match brand Adjusted the bento grid gap from 8px to 6px after seeing it render on canvas Changed the CTA button from outlined to filled after in-place visual comparison Rewrote the seasonal spotlight copy directly on the canvas without regenerating What Stitch made possible that nothing else could: The swipe gesture interaction, the drawer spring animation, and the staggered list streaming — all three of these would have taken days to hand-code. In Stitch, they were prompt-driven and live on the canvas within minutes. The gap between "designed" and "interactive prototype" collapsed entirely. Screens delivered Splash screen — farmer illustration, full-bleed cream background Onboarding screen 1 — market basket illustration, "Your market, every Saturday" Onboarding screen 2 — swipe mechanic explainer with card UI Onboarding screen 3 — Friday digest bento preview Homepage — bento grid with market header, seasonal spotlight, list, map preview, swipe deck, streak tracker Swipe deck — card front, vendor expand drawer, swipe right (added), swipe left (skipped) Friday digest — streaming vendor list, seasonal spotlight, auto-built shopping list Market day map — vendor stall grid, spot numbers, live confirmation states Vendor post flow — 3-tap inventory update screen Design decisions worth noting The swipe mechanic — Borrowing the Bumble swipe pattern for produce discovery was the conceptual breakthrough. It transforms a passive browse into an active, satisfying decision. Every right swipe builds your list. Every left swipe still shows you where the vendor is on the market map — skipping is never permanent. The Friday digest as the hero feature — Most apps make you come to them. The Friday evening push notification with a personalised market brief is the one moment where STALL comes to you. It changes Saturday morning from reactive to intentional. Bento homepage — Instead of a scrolling feed, the homepage gives you everything at a glance: your market, your list, the seasonal moment, your vendors. Seven tiles, seven pieces of information, zero scrolling. The color system — Pumpkin (#E8872A), Fern (#728040), Mauve (#B07090), Cream (#FDFAF6), and Moss (#4A5228). Every color has one job. Pumpkin is interactive. Fern is seasonal and confirmed. Mauve is reserved and streaks. Cream is every surface. Nothing competes. What I learned Stitch genuinely changes the prototyping workflow. The moment I stopped thinking of it as a design tool and started thinking of it as a build tool — one where the canvas is the product, not a picture of the product — everything accelerated. The in-place edit feature is the one I'll keep coming back to: being able to change a color, rewrite copy, or swap a component without regenerating the whole screen is the difference between iteration and rework. STALL started as a hackathon idea. After building it in Stitch, it feels like something real. Live Prototype: https://stitch.withgoogle.com/preview/8229547464152593644?node-id=e53124995cda49808685283be978dc8c
50
44
1.1K
0
Boatsetter Email Marketing System
0
6
3
Pfizer Nurtec x Lady Gaga Campaign
3
11
Interaction Designer
(1)
Follow
Message
Chris Martinie
pro
San Francisco, USA
A recognized Brand & Framer Expert
$1k+
Earned
1x
Hired
5.0
Rating
1
Followers
Follow
Message
A recognized Brand & Framer Expert
0
OceanX: A Deeper Dive (Web Design)
0
7
0
Design Agency's VR Program (Web Design / Framer Development)
0
8
0
Theatre Actor’s Portfolio (Web Design / Framer Development)
0
6
1
Liquid Crystal (Web Design / Brand Identity)
1
11
Interaction Designer
(1)
Follow
Message
Noushin Pourmirza
pro
San Francisco, USA
Interactive designer creating real time experiences
6
Followers
Follow
Message
Interactive designer creating real time experiences
0
Built with Rive scripting. Tweak the parameters. Shape the energy. Create your own version. Interactive version is available on Rive Marketplace: https://rive.app/marketplace/28006-52911-crystal-aura/ #InteractiveDesign #CreativeCoding #MotionDesign #Scripting #Rive
0
49
2
An interactive character built in Rive with three selectable mood states: Idle, Happy, and Angry. Click the buttons to switch between moods and explore different expressions, transitions, and motion behaviors. Interactive version available on the Rive Marketplace: https://rive.app/community/files/27893-52723-character-mood-states/ #Rive #InteractiveAnimation #MotionDesign #CharacterAnimation #UIAnimation #GameDesign
2
142
3
Keep Building with Rive (https://www.linkedin.com/feed/#) - Boolean properties driving Navigation motion #UIDesign #MotionDesign #DesignProcess #InteractionDesign #FuturisticUI #DashboardDesign #ProductDesign #BooleanProperties
2
3
366
0
Interactive media icons. Hover & click states built in Rive The aim was to transform static icons into expressive UI elements that communicate function, state, and intent through motion, while maintaining a clean and minimal visual language. Try the interactive version: https://lnkd.in/gJJuNpYp #MotionDesign #UIDesign #InteractionDesign #Rive #ProductDesign #Microinteraction
0
294
Interaction Designer
(5)
Follow
Message
Eric Anderson
San Francisco, USA
Bring it to life: Rive Animation and 3D Design
5.0
Rating
9
Followers
expert
Follow
Message
Bring it to life: Rive Animation and 3D Design
4
Olive - Holistic Food Scanner App
4
161
2
Rive Rock and Roll Buttons
2
74
3
Rive demonstration projects
3
89
1
3D Character Design
1
32
Interaction Designer
(1)
Follow
Message
Explore people