LET'S MEET
→
Full Skillset List
Hard Skills
Product Design
the process of creating user-centered solutions that are functional, visually appealing, and aligned with business goals — from concept to final experience.
Strengths
- User research and discovery
- UX strategy and problem solving
- Interaction and Information Design
- Visual Design for product
- Prototype and testing
- Design and developer collaboration
- Measurement and iteration
Tools Used
Figma Design, Figma Sheets, Figjam
Visual Design
the aesthetics of a digital product by strategically using elements like layout, color, typography, and imagery to enhance usability, guide user behavior, and create a cohesive brand experience.
Strengths
- High-fidelity UI design
- Responsive web design (desktop, tablet, mobile)
- Layout and composition
- Visual hierarchy and balance
- Typography systems and pairings
- Color theory and palette creation
- Iconography and micro-illustrations
- Use of grids and spacing systems
- Brand identity translation across platforms
- Motion design and UI animation (basic to intermediate)
- Image curation and visual storytelling
- Accessibility in visual design (contrast, type sizes, etc.)
Tools Used
Figma, Photoshop, Lightroom, Illustrator, Premiere, After Effects
Design Systems
a collection of reusable components, guidelines, and standards that ensure consistency and efficiency in the design and development of digital products.
Strengths
- Creation of atomic design components
- Design tokens (color, typography, spacing, etc.)
- Figma component libraries and variants
- Documentation for scalable design systems
- Storybook integration and dev handoff
- System governance and maintenance
- Dark mode and theming variations
- Responsive breakpoint thinking
Tools Used
Figma
Video Production
the process of planning, filming, and editing video content to create a finished visual story or message.
Strengths
- Preproduction planning
- Shooting and direction
- Editing and post production
- Product and UX demo videos
- Sound design
- Basic CGI
Tools Used
- Premiere
- After Effects
- DSLR/mirrorless camera workflow knowledge
- Sound libraries and royalty-free music sourcing (e.g., Artlist, Epidemic Sound)
- Gimbal - DJI Ronin
- Drone - DJI Air2s
Photography Production
the end-to-end process of planning, shooting, and editing photos to meet creative and technical goals.
Strengths
- Creative Direction and planning
- Shooting techniques
- Post processing and editing
- Lighting techniques
- Product lighting and shooting
- Scene building
Tools Used
- Lightroom
- Photoshop
- DSLR/mirrorless camera workflow knowledge
- Neewer Key + Fill light with soft box
- Backdrop
Soft Skills
Client relations
designs shared with a client to gather feedback, align on direction, and ensure the work meets expectations before moving forward.
Strengths
- Leading design walkthroughs with clients and stakeholders
- Presenting design rationale clearly and persuasively
- Framing feedback conversations around business goals and user needs
- Receiving, interpreting, and prioritizing client feedback
- Facilitating feedback sessions to gather actionable input
- Asking clarifying questions to dig into vague or subjective critiques
- Navigating conflicting stakeholder input with diplomacy and clarity
- Managing expectations while advocating for user-centered decisions
Tools Used
Figma Design, Figma Sheets, Figjam
Developer relations
the collaboration, communication, and alignment between design and engineering teams throughout the product development process.
Strengths
- Facilitating collaboration between design and engineering teams
- Translating visual and UX concepts into dev-ready assets and documentation
- Presenting design solutions clearly to non-design stakeholders (e.g., PMs, engineers, marketing)
- Preparing fully spec’d files for engineering handoff (Figma Inspect, redlining, documentation)
- Annotating UI for edge cases, interaction states, and accessibility considerations
- Ensuring pixel-perfect alignment between design and production
- Addressing implementation questions quickly and collaboratively
Tools Used
Prototypes, Figma Devmode
Home
Product Design Case Study
Visual Design Case Study
Work
Other
VIEW FULL SKILLSET LIST
→
GET IN TOUCH
Bookings
CONTACT
ryan@madecollective.co
SOCIAL
LET'S MEET
→
Full Skillset List
Hard Skills
Product Design
the process of creating user-centered solutions that are functional, visually appealing, and aligned with business goals — from concept to final experience.
Strengths
- User research and discovery
- UX strategy and problem solving
- Interaction and Information Design
- Visual Design for product
- Prototype and testing
- Design and developer collaboration
- Measurement and iteration
Tools Used
Figma Design, Figma Sheets, Figjam
Visual Design
the aesthetics of a digital product by strategically using elements like layout, color, typography, and imagery to enhance usability, guide user behavior, and create a cohesive brand experience.
Strengths
- High-fidelity UI design
- Responsive web design (desktop, tablet, mobile)
- Layout and composition
- Visual hierarchy and balance
- Typography systems and pairings
- Color theory and palette creation
- Iconography and micro-illustrations
- Use of grids and spacing systems
- Brand identity translation across platforms
- Motion design and UI animation (basic to intermediate)
- Image curation and visual storytelling
- Accessibility in visual design (contrast, type sizes, etc.)
Tools Used
Figma, Photoshop, Lightroom, Illustrator, Premiere, After Effects
Design Systems
a collection of reusable components, guidelines, and standards that ensure consistency and efficiency in the design and development of digital products.
Strengths
- Creation of atomic design components
- Design tokens (color, typography, spacing, etc.)
- Figma component libraries and variants
- Documentation for scalable design systems
- Storybook integration and dev handoff
- System governance and maintenance
- Dark mode and theming variations
- Responsive breakpoint thinking
Tools Used
Figma
Video Production
the process of planning, filming, and editing video content to create a finished visual story or message.
Strengths
- Preproduction planning
- Shooting and direction
- Editing and post production
- Product and UX demo videos
- Sound design
- Basic CGI
Tools Used
- Premiere
- After Effects
- DSLR/mirrorless camera workflow knowledge
- Sound libraries and royalty-free music sourcing (e.g., Artlist, Epidemic Sound)
- Gimbal - DJI Ronin
- Drone - DJI Air2s
Photography Production
the end-to-end process of planning, shooting, and editing photos to meet creative and technical goals.
Strengths
- Creative Direction and planning
- Shooting techniques
- Post processing and editing
- Lighting techniques
- Product lighting and shooting
- Scene building
Tools Used
- Lightroom
- Photoshop
- DSLR/mirrorless camera workflow knowledge
- Neewer Key + Fill light with soft box
- Backdrop
Soft Skills
Client relations
designs shared with a client to gather feedback, align on direction, and ensure the work meets expectations before moving forward.
Strengths
- Leading design walkthroughs with clients and stakeholders
- Presenting design rationale clearly and persuasively
- Framing feedback conversations around business goals and user needs
- Receiving, interpreting, and prioritizing client feedback
- Facilitating feedback sessions to gather actionable input
- Asking clarifying questions to dig into vague or subjective critiques
- Navigating conflicting stakeholder input with diplomacy and clarity
- Managing expectations while advocating for user-centered decisions
Tools Used
Figma Design, Figma Sheets, Figjam
Developer relations
the collaboration, communication, and alignment between design and engineering teams throughout the product development process.
Strengths
- Facilitating collaboration between design and engineering teams
- Translating visual and UX concepts into dev-ready assets and documentation
- Presenting design solutions clearly to non-design stakeholders (e.g., PMs, engineers, marketing)
- Preparing fully spec’d files for engineering handoff (Figma Inspect, redlining, documentation)
- Annotating UI for edge cases, interaction states, and accessibility considerations
- Ensuring pixel-perfect alignment between design and production
- Addressing implementation questions quickly and collaboratively
Tools Used
Prototypes, Figma Devmode
Home
Product Design Case Study
Visual Design Case Study
Work
Other
VIEW FULL SKILLSET LIST
→
GET IN TOUCH
Bookings
CONTACT
ryan@madecollective.co
SOCIAL
Home
Case Studies
Work
Other
LET'S MEET
Full Skillset List
Hard Skills
Product Design
the process of creating user-centered solutions that are functional, visually appealing, and aligned with business goals — from concept to final experience.
Strengths
- User research and discovery
- UX strategy and problem solving
- Interaction and Information Design
- Visual Design for product
- Prototype and testing
- Design and developer collaboration
- Measurement and iteration
Tools Used
Figma Design, Figma Sheets, Figjam
Visual Design
the aesthetics of a digital product by strategically using elements like layout, color, typography, and imagery to enhance usability, guide user behavior, and create a cohesive brand experience.
Strengths
- High-fidelity UI design
- Responsive web design (desktop, tablet, mobile)
- Layout and composition
- Visual hierarchy and balance
- Typography systems and pairings
- Color theory and palette creation
- Iconography and micro-illustrations
- Use of grids and spacing systems
- Brand identity translation across platforms
- Motion design and UI animation (basic to intermediate)
- Image curation and visual storytelling
- Accessibility in visual design (contrast, type sizes, etc.)
Tools Used
Figma, Photoshop, Lightroom, Illustrator, Premiere, After Effects
Design Systems
a collection of reusable components, guidelines, and standards that ensure consistency and efficiency in the design and development of digital products.
Strengths
- Creation of atomic design components
- Design tokens (color, typography, spacing, etc.)
- Figma component libraries and variants
- Documentation for scalable design systems
- Storybook integration and dev handoff
- System governance and maintenance
- Dark mode and theming variations
- Responsive breakpoint thinking
Tools Used
Figma
Video Production
the process of planning, filming, and editing video content to create a finished visual story or message.
Strengths
- Preproduction planning
- Shooting and direction
- Editing and post production
- Product and UX demo videos
- Sound design
- Basic CGI
Tools Used
- Premiere
- After Effects
- DSLR/mirrorless camera workflow knowledge
- Sound libraries and royalty-free music sourcing (e.g., Artlist, Epidemic Sound)
- Gimbal - DJI Ronin
- Drone - DJI Air2s
Photography Production
the end-to-end process of planning, shooting, and editing photos to meet creative and technical goals.
Strengths
- Creative Direction and planning
- Shooting techniques
- Post processing and editing
- Lighting techniques
- Product lighting and shooting
- Scene building
Tools Used
- Lightroom
- Photoshop
- DSLR/mirrorless camera workflow knowledge
- Neewer Key + Fill light with soft box
- Backdrop
Soft Skills
Client relations
designs shared with a client to gather feedback, align on direction, and ensure the work meets expectations before moving forward.
Strengths
- Leading design walkthroughs with clients and stakeholders
- Presenting design rationale clearly and persuasively
- Framing feedback conversations around business goals and user needs
- Receiving, interpreting, and prioritizing client feedback
- Facilitating feedback sessions to gather actionable input
- Asking clarifying questions to dig into vague or subjective critiques
- Navigating conflicting stakeholder input with diplomacy and clarity
- Managing expectations while advocating for user-centered decisions
Tools Used
Figma Design, Figma Sheets, Figjam
Developer relations
the collaboration, communication, and alignment between design and engineering teams throughout the product development process.
Strengths
- Facilitating collaboration between design and engineering teams
- Translating visual and UX concepts into dev-ready assets and documentation
- Presenting design solutions clearly to non-design stakeholders (e.g., PMs, engineers, marketing)
- Preparing fully spec’d files for engineering handoff (Figma Inspect, redlining, documentation)
- Annotating UI for edge cases, interaction states, and accessibility considerations
- Ensuring pixel-perfect alignment between design and production
- Addressing implementation questions quickly and collaboratively
Tools Used
Prototypes, Figma Devmode
Home
Product Design Case Study
Visual Design Case Study
Work
Other
VIEW FULL SKILLSET LIST
→
GET IN TOUCH
Bookings
CONTACT
ryan@madecollective.co
SOCIAL
