Stack
I work with a dynamic stack of tools like Framer, Webflow, and Hotjar to bring my ideas to life. My goal is to create designs that are not only visually appealing but also optimized for usability, accessibility, and performance.
Design and Prototyping Tools
Figma
I use Figma for creating wireframes, prototypes, and high-fidelity UI designs. Its real-time collaboration features make it perfect for working closely with teams and getting instant feedback.
Figma
I use Figma for creating wireframes, prototypes, and high-fidelity UI designs. Its real-time collaboration features make it perfect for working closely with teams and getting instant feedback.
Framer
I use Framer when I need to create high-fidelity prototypes with advanced animations and micro-interactions to test user behavior and refine designs.
Framer
I use Framer when I need to create high-fidelity prototypes with advanced animations and micro-interactions to test user behavior and refine designs.
Adobe XD
I rely on Adobe XD for designing and prototyping user experiences, especially when I need to create interactive elements and transitions to visualize the flow of the user journey.
Adobe XD
I rely on Adobe XD for designing and prototyping user experiences, especially when I need to create interactive elements and transitions to visualize the flow of the user journey.
Photoshop
Photoshop is essential for me when editing images or creating detailed visual assets like icons or banners that enhance the user interface.
Photoshop
Photoshop is essential for me when editing images or creating detailed visual assets like icons or banners that enhance the user interface.
Lightroom
Adobe Photoshop Lightroom is a cloud-based photo editing and organizing service that provides everything you need to edit, organize, store, and share your photos.
Lightroom
Adobe Photoshop Lightroom is a cloud-based photo editing and organizing service that provides everything you need to edit, organize, store, and share your photos.
Development and Implementation Tools
JavaScript
JavaScript, often abbreviated as JS, is a programming language and core technology of the World Wide Web, alongside HTML and CSS.
JavaScript
JavaScript, often abbreviated as JS, is a programming language and core technology of the World Wide Web, alongside HTML and CSS.
HTML5
I use HTML5 to structure content when prototyping or testing designs in a browser, ensuring layouts and interactions function as intended.
HTML5
I use HTML5 to structure content when prototyping or testing designs in a browser, ensuring layouts and interactions function as intended.
CSS3
CSS3 allows me to style and bring my designs to life by adding layouts, colors, animations, and responsive adjustments directly to web pages.
CSS3
CSS3 allows me to style and bring my designs to life by adding layouts, colors, animations, and responsive adjustments directly to web pages.
AI Tools
Claude
I use Claude to accelerate workflows where I've already done the core thinking: organizing research notes into themes, drafting component code for design-system alignment, and structuring case study narratives.
Claude
I use Claude to accelerate workflows where I've already done the core thinking: organizing research notes into themes, drafting component code for design-system alignment, and structuring case study narratives.