Designing experiences
that solve real problems.
I create inclusive experience
through my expertise as
My Experience
Roblox
UX Designer
2012-2024
Finra
Staff Product Designer
2020-2022
Deloitte
Designer
2016-2020
Show all
I believe in empathy and listening as important as being creative in design. My edge lies in the fact that I come from a visual design background which means I can design as well as I research. I am always looking for new things to learn
I focus on creating user interfaces that serve a real purpose – making sure they're not just pretty, but actually solve problems. Whether I'm working on a mobile app or a website, my goal is to make something that feels natural and easy to use.
I'm a bit of a perfectionist when it comes to the small stuff, but I think that's what makes good design great. This attention to detail helps me build strong relationships with clients, as they know I'll put the same care into their project that they would.
In this course you'll master…
Fundamentals of working with Framer
We'll start with giving you a breakdown of the fundamental concepts in Framer. You'll learn about sizing, positioning, layouts, text styles, color styles, working with images, icons, and even create your first component. This foundational knowledge will set you up for success in the later modules.
Responsive design & development
We will approach each design element with responsiveness in mind, so that our website looks great on all screen sizes. You'll learn how to design each section and each element responsively (pun intended) so that you don't have to make many changes on tablet & mobile breakpoints.
Working with components
Components will be our best friends throughout the course. They'll help us speed up our design process and give us flexibiliy with making any changes. We'll create 30+ components in this course and you'll learn how to work with components of various difficulty. By the end of the course, you'll become a master at working with components.
Managing content at scale with CMS
On top of components, you'll learn how to manage your site content at scale with Framer's power Content Management System (CMS). We'll create CMS collections of various complexity, learn how to import & export data with CVSs. You'll also learn how to set limits, conditional views, and CMS references.
Collecting data with custom forms
We'll create a custom form from scratch using Framer's native form builder. We'll customize every field, desing loading and success states, and connect the form to email and Google sheets for easy data management. By the end of the course, you'll be able to create forms of any difficulty.
3D transforms
We'll also dive into 3D transforms. We'll start off with a quick intro and then turn our testimonial cards into 3D cards that flip on hover on desktop breakpoint and on click on mobile breakpoint. By the end of the course, you'll be able to work with 3D effects with ease.
Advanced interactions & animations
We'll bring our site to life with animations and effects. This will be the most exciting part of the course. You'll learn how to work with appear, scroll, loop, drag, hover, press, scroll transform, and scroll speed effects. We'll also dive into text effects & page-level effects. By the end of the course, you'll know how to work with all effects in Framer.
SEO & analytics
We'll finalize our site development by making sure all SEO parameters & settings are set correctly. You'll learn how to set titles, meta descriptions, images, and how to add custom domains. We'll also go over Framer analytics & how to connect your site to Google Analytics.