Product designer, design leader & problem solver.

Black and white portrait of Sean Tiffonnet

Bio

I'm a 33-year-old Franco-Irish designer based in Andalusia, Spain. Designing remotely for Zeliq and Nodale, bringing 10+ years of product thinking, design systems, and user-centered craft to every project.

I started designing at 14, teaching myself Photoshop to customize Counter-Strike visuals. What began as a hobby quickly turned into a business. At 16, I co-founded Shark-Config, a digital agency serving 100+ clients across e-commerce, restaurants, e-sport teams, and entrepreneurs.

After graduating from Epitech Digital in 2016, I joined 360Learning as the second designer and helped grow the design team to 8 members over nearly five years.

In 2021, I became the founding designer and first employee at Claap.io, building the entire product and brand from scratch. Claap earned Top 10 best-designed products of 2022 on ProductHunt, Product of the Day in 2022 and 2023, and was featured among the best screen recording apps in 2024. The company was later acquired by Lemlist.

Experience

Senior Product Designer

Nodale

Nov 2025 / Present

Senior Product Designer

Zeliq

Jan 2025 / Present

Senior Product Designer

Claap (acquired by Lemlist)

Mar 2021 / Aug 2024

Product Designer

360Learning

Sep 2016 / Mar 2021

Co-Founder & Art Director

Shark-Config

Feb 2010 / Feb 2018

Skills

Product Design·User-centered Design·UI / UX·Interaction Design·Design Systems·User Research·Prototyping·Motion Design·Visual Communication·AI-assisted Design·Figma·Claude Code·After Effects

← Back to work

Nodale · Nov 2025 / Present

Designing the next generation of tools.

Role

Product Designer

Type

Full-time · Remote

Tools

Figma

Currently shaping the product experience at Nodale, working on building user-centered interfaces and contributing to the design vision from the ground up.

Nodale landing page: 'Win your product bets with data-backed decisions' hero above the AI copilot dashboard

Nodale feedback inbox: customer conversations with AI-extracted signals linked to product insights

Nodale insights view: signal trend chart, estimated ARR impact and related roadmap items

Next project

Zeliq

← Back to work

Zeliq · Jan 2025 / Present

Scaling sales prospecting experiences.

Role

Senior Product Designer

Type

Full-time · Remote

Tools

Figma

Designing user interfaces and experiences for Zeliq's sales prospecting platform. Leading design direction, contributing to product strategy through user-centered design and design thinking principles. Advocating for user-centric practices at the organizational level and collaborating with cross-functional teams, stakeholders, and partners.

Zeliq sequences dashboard: list of outreach campaigns with delivery stats and lead review warnings

Zeliq sequence builder: multi-step outreach flow mixing LinkedIn actions and personalized emails with variables

Zeliq live preview: reviewing each personalized email per lead before launching a sequence

Zeliq sequence builder interaction states: drag-and-drop reordering of outreach steps

Zeliq lead import: duplicate detection matching imported leads against existing contacts

Zeliq import comparison: field-by-field merge between imported data, CRM record and Zeliq contact

Next project

Claap

← Back to work

Claap (Acquired by Lemlist) · 2021 / 2024

Building a product from scratch.

Role

Senior Product Designer (Founding)

Duration

3 years 6 months

Tools

Figma, After Effects

Founding Product Designer responsible for shaping the entire product from the ground up and establishing the brand as a solo designer. Claap was recognized as a Top 10 best designed product of 2022 on ProductHunt, Product of the Day and Week 2022, and Product of the Day 2023. Created the full design of the product from scratch including UI and visual design, managed the design system, and produced motion design videos using After Effects.

Claap video page: screen recording with AI executive summary, timestamped comments and reactions

Claap video player: watch next queue, playback controls and links to roadmap items and Slack

Claap community landing page: 'Our community claap together' hero with customer logos including Qonto and Revolut

Claap workspace: Product UX topic listing claaps with review statuses, views and comments

Claap workspace grid view: video thumbnails grouped by status, in progress and in review

Next project

Alto

← Back to work

Alto

Brewing smarter, one cup at a time.

Role

Product Designer

Sector

Smart Home & Connected Beverage

The Alto Infusion app uses AI, along with your presets and preferences, to help automate your daily brewing habits. Designed the end-to-end product experience to transform coffee routines into a seamless journey of flavor and convenience, from personalized recipe suggestions to one-tap brewing controls.

Alto Infusion app screens on dark purple background: machine dashboard, brew presets and scheduling

Alto app home: coffee grains and water levels, brew presets like 'My morning coffee' with strength and cups

Alto app: brew schedule with daily routines, coffee machine model selection and settings screens

Alto app screens overview: brew timer, intensity and cup settings, favorites and start brew flow

Next project

360Learning

← Back to work

360Learning · 2016 / 2021

Designing learning at scale.

Role

Product Designer

Duration

4 years 7 months

Location

Paris, France · Hybrid

Joined as the second designer in a company of 50, sharing tasks with the lead designer for the first two and a half years. Managed and organized the design system for consistency across the product, conducted user research, built new features, and produced marketing assets. As the team grew, interviewed and onboarded new designers and assisted the growth of six designers through guidance and mentorship. The product earned G2 Best Software Award 2022 and #1 Best LMS based on User Experience.

360Learning catalog search: learning items filtered by type and skill with course result cards

360Learning program editor: session management with rich text description, course modes and classroom import

360Learning classroom builder: course settings with time limit and score sliders, session cards by location

Next project

Nodale

← Back to work

Side project · Jul 2026 / PresentLive

Never lose track of your shows.

Role

Design, development & launch · solo

Platforms

Web (PWA) · Android · iOS

Stack

React 19TypeScriptViteTailwindSupabaseReact QueryVercelExpo · React NativeTMDB · TVmaze

1,700+Registered users

6.7MEpisodes imported

105Releases in 50 days

7Languages

In June 2026, TV Time, the app millions of people used to track their shows, announced it was shutting down within a month. My feed filled with the same question: "where do we go now?" I decided to answer it by building the replacement myself.

Version 1.0 shipped on July 3rd, twelve days before the shutdown, with the one feature that mattered on day one: drag-and-drop import of your entire TV Time history (every episode, every watch date, every rating), parsed in the browser and never uploaded. In the first month, 759 libraries and 6.7 million episodes were migrated.

From there, TV Track grew in public: a release calendar with morning notifications, watch-time stats, community reactions and threaded comments with auto-translation, 86 badges across 11 families, two-way Trakt sync, public profiles. 105 releases in 50 days, most of them shaped directly by user feedback. It is free, has no lock-in (export everything in one click) and now lives as a PWA, a native Android app and an iOS app built with Expo.

Visit tvtrack.io Google Play

TV Track landing page: 'Ne perds plus jamais le fil de tes séries' with the Up next queue shown on a phone

TV Track Shows tab: the Up next queue with the exact next episode of every series you follow — **Up next**
For every show you follow, TV Track works out the exact next unwatched episode. One tap to check it off, confetti included.

TV Track show page: House of the Dragon with trailer, where to watch and season progress — **Show page**
Trailer, where to watch, community rating and season-by-season progress, assembled from TMDB and TVmaze data.

TV Track rating drawer: score out of 10, community reactions and favourite character vote — **Rate & react**
After each episode: a score out of 10, the live community average, emotion reactions and a favourite-character vote.

TV Track episode comments: threaded replies with likes, GIFs and automatic translation — **Episode comments**
Threaded, spoiler-safe discussions per episode with GIFs and automatic translation: the part of TV Time people mourned most.

Profile & lists

Total watch time, followers, and unlimited custom lists with their own covers, all discoverable on your public profile.

TV Track statistics: watch time month by month, favourite genres and recent history — **Stats & badges**
Watch time month by month, favourite genres, recent history, and 86 badges computed from what you have already watched.

Next side project

Framewave

← Back to work

Side project · Sep 2026 · v0.1.4In development

A local-first screen studio for Windows.

Role

Design & development · solo

Platforms

Windows · macOS (beta)

Stack

Electron 37React 19TypeScriptViteZustandTailwindWebCodecsffmpegWhisper · transformers.js

10daysFirst commit to v0.1.4

12.2KLines of TypeScript

5Runtime dependencies

0bytesUploaded anywhere

Cap and Screen Studio made polished product demos effortless, on a Mac. Framewave brings that experience to Windows, and keeps every byte on your machine: recording, editing, AI captions and export all run locally, with no account and no cloud.

Record a display, a window or a drawn region with camera, microphone and system audio. The real cursor is hidden during capture and re-drawn in the editor, so it stays crisp at any zoom. Clicks and typing automatically generate zoom keyframes with spring easing; backgrounds, padding, shadows, keystroke overlays and text animations finish the frame.

Captions are transcribed by Whisper running in-process on WebGPU. A montage mode assembles clips with transitions and an independent audio track. Export goes up to 4K in MP4, WebM or GIF, GPU-accelerated through WebCodecs, typically many times faster than real time. Every project is a plain folder: media files, an events log and a JSON edit, readable by anything.

View on GitHub

Framewave editor: a 17-clip product demo on a purple-to-orange gradient, with the Clips & media panel and a full timeline: video, zoom, text, captions and audio tracks

Record

One shortcut, everything captured.

Ctrl+Shift+R records a display, a window or a drawn region, with camera, microphone and system audio. The floating controls are excluded from the capture, and every click, scroll and keystroke is logged so the editor can use it later.

Framewave Zoom panel: automatic zoom with sensitivity, default level and hold time, motion easing, and a selected zoom with focus point and timing

Auto-zoom

Zooms written by your clicks.

Every click and burst of typing becomes a zoom keyframe with a focus point, spring easing and a hold time. Adjust the feel (sensitivity, level, transition) and regenerate the whole track in one click, or place zooms by hand at the playhead.

Cursor

The cursor is redrawn, not recorded.

The real cursor is hidden during capture and re-rendered on top of the video, so it stays crisp at any zoom. Pick a style, scale it, smooth its path, let it switch to an I-beam over text, then add ripples, a spotlight or a motion trail.

Framewave Background panel: gradient presets, editable colour stops with angle, and layout sliders for padding, corner radius and shadow

Backgrounds & layout

Studio framing in two sliders.

Gradients with editable stops, wallpapers, solid colours, an image or a blurred copy of the screen itself. Padding, corner radius and shadow set the frame; seven aspect presets from 16:9 to 9:16 make it ready for any platform.

Keystrokes

Shortcuts on screen, passwords never.

Key presses recorded during capture appear as pills or keycaps on the video. A shortcuts-only mode shows Ctrl+Shift+P but hides plain typing, so a demo never leaks what you actually wrote.

Framewave Captions panel: Whisper transcription running locally, style controls, and a list of 35 timed captions with SRT and VTT export

AI captions

Transcribed on your GPU, not in the cloud.

Whisper runs in-process on WebGPU: three model sizes, automatic language detection, nothing sent anywhere. Captions are editable line by line, styled with a highlight colour, and exportable as SRT or VTT.

Framewave Text panel: a 'Waterfall enrichment' badge selected on the video, with animation, timing, font, colours, corner radius and position controls

Text & badges

Titles, lower thirds and badges that move.

Four text presets, four entrance animations, full typographic control and a background pill with its own radius and shadow. Drag the text straight on the preview to place it; the timeline holds its timing.

Montage

Several clips, one story.

Drop videos and images, reorder them on the timeline, trim in and out points, change speed, detach audio to its own track. Eight transition types (cross fade, dip, slide, wipe, zoom, blur) can be applied per clip or to all at once.

Export

4K in minutes, on the GPU.

MP4, WebM with transparency, GIF, PNG sequence or MP3; 480p to 2160p, 24 to 60 fps, H.264, H.265 or AV1. Encoding goes through WebCodecs with hardware acceleration, typically many times faster than real time.

Next side project

Orbital Foundry

← Back to work

Side project · Sep 2026Playable prototype

Real-time space strategy, straight from the browser.

Role

Game design, art direction & development · solo

Platforms

Desktop browser · iPad

Stack

React 18TypeScriptThree.jsVitePeerJS · WebRTCVitestVercel

2–4Players per match

20HzDeterministic simulation

0Image assets, all generated by code

336KBTotal download

Orbital Foundry pits two to four friends against each other around a contested asteroid field. Each player owns an orbital station: mine metal and crystal, build and upgrade eight module slots, commit to an irreversible doctrine, assemble fleets, and protect your reactor, because losing it means elimination. A match lasts about 25 minutes.

The design bet is strategy over dexterity. Fleets are persistent, firing is automatic, there is no selection rectangle. Every action works as a single tap, so a player on an iPad is never at a disadvantage against one on a mouse. Hidden information is filtered before it leaves the host, so a sound or a muzzle flash can never betray a ship you are not supposed to see.

Matches run peer-to-peer over WebRTC: no server, the game lives in the host's tab. Every ship silhouette, station module, asteroid and effect is generated by code at startup, and the whole game downloads in 336 KB, with a 20 Hz all-integer simulation covered by 235 automated tests. It started as a 27-section product requirements document; the code is its implementation.

Play Orbital Foundry