"I bring ideas to life using a blend of design, prototyping, and collaboration tools.”
Design & Prototyping
Figma
My primary design environment for wireframes, high-fidelity screens, and clickable prototypes. I rely on Figma’s multiplayer features to collaborate with stakeholders and rapidly iterate during user testing."
Adobe XD
Adobe XD helped me prototype flows and validate interactions before handoff. I’ve used it to explore motion, micro-interactions, and early component libraries when collaborating with teams who preferred XD.
Adobe Illustrator
I use Illustrator for creating scalable brand assets like logos, icons, and vector illustrations. It’s been key in my branding projects (like King’s Court Comedy), where precision and adaptability were essential.
Sketch
I originally learned UX/UI workflows in Sketch and still use it occasionally for quick layouts or to reference older files. Its early role shaped my understanding of component systems and handoff processes.
Adobe Photoshop
Photoshop helps me refine visuals through image editing, mockups, and compositing. In projects such as Streamers Speak, I used it to create polished marketing visuals and concept ads that extended beyond the product screens.
“User research isn’t just data; it’s the stories and patterns that guide design toward clarity and impact.”
User Research
Flowmap
I use Flowmap to map out user journeys and information flows, helping me visualize how people move through a product or service. It’s a great way to spot friction points early and design smoother, more intuitive pathways.
Optimal Workshop
Optimal Workshop is especially useful for card sorting and tree testing. It gives me data-backed insights into how users expect information to be organized, so I can design more intuitive navigation systems.
Maze
With Maze, I run quick usability tests and gather real-time feedback on wireframes and prototypes. It allows me to validate design decisions fast and iterate with confidence.
Hotjar
Hotjar lets me visualize user interactions through heatmaps and session recordings. Seeing exactly where people click, scroll, or hesitate helps me pinpoint design improvements that increase engagement.
Lookback
Lookback is my go-to for recording and observing live user sessions. Watching how people actually interact with a product gives me the context and nuance I need to uncover hidden usability issues.
UserTesting
I use UserTesting to reach diverse participants and gather structured feedback at scale. It helps me understand how different users experience a product and ensures designs work for more than just one type of audience.
Google Analytics
I turn to Google Analytics to track user behavior, traffic patterns, and conversion data. It complements qualitative research by showing me where users actually spend time and where they drop off.
"Figma is basically my second apartment, I live there, I rearrange furniture (frames) daily, and sometimes I even invite friends over (collaborators) to mess things up with me."
Motion & Branding
After Effects
I’ve use After Effects to create motion prototypes and animated walkthroughs that bring my designs to life. In Streamers Speak, I animated the comment overlays and media embeds to show how the interface feels in motion, not just as static screens. This helped stakeholders and testers better visualize the interactive energy of the feature.
Premiere Pro
Premiere Pro has been central to storytelling across projects. I used it to cut together pitch videos, user testing reels, and case study promos. For example, when presenting King’s Court Comedy’s brand redesign, I edited a fast-paced showcase video combining social posts, logo animations, and mockups of merchandise, giving the brand a high-energy introduction that matched its nightlife identity.
Canva
For quick marketing visuals and lightweight mockups, Canva has been an efficient supplement. I use Canva to quickly test social media post layouts/website designs before refining them. Its speed made it easier to experiment with audience-facing material.
"Miro is my detective wall, sticky notes, arrows, chaos everywhere… until suddenly the patterns click and I feel like I’ve cracked the UX case"
Design to Dev
VS Code
I use VS Code for front-end experimentation, testing responsive layouts, validating component behavior, and checking how design systems translate into code. This helps me anticipate constraints early and refine designs for smoother developer handoff.
Github
GitHub is where I sync with developers, document design intent, and manage versioning for assets. Reviewing pull requests and understanding branch workflows allows me to keep design and engineering in lockstep.
Webflow
Webflow acts as a design-to-code bridge for interactive prototypes. By building responsive pages directly, I test real-world behaviors and communicate interactions more concretely to stakeholders and engineers.
Storybook
I also reference Storybook (or similar component libraries) when working with dev teams. Reviewing live components ensures consistency between design and code, and helps me verify that UI patterns behave as intended across states and edge cases.