Dojohome
Visual identity and UX for a real estate platform reimagining homeownership.
Product Designer
Using design, product thinking, and AI to build scalable and friendly user journeys.
Selected case studies in product design, systems, and UX strategy.
Custom tools for design, coding, and gaming communities.
Skware icon pack
100 pixel-art icons adding retro character to any design project.
1000+ Website Sections
Headers, footers, and content blocks for rapid web page assembly.
Marketing Annotations Kit
Pre-designed annotations that make marketing materials pop.
Empty State Designer
Configurable empty state designs for polished, friendly UIs.
ChartJS Components
Bar charts, line graphs, and pie charts for bringing data to life.
React Foundation
A comprehensive Figma design system built on React components.
AI Design UI Design UX Writing Design Systems Prototyping Agentic Flows Vibe Coding Usability Testing Interviews Competitive Analysis Information Architecture Figma Cursor
- Framing the design problem and feeding context into AI tools — personas, constraints, brand guidelines
- Generating layout, UI, and asset variations from prompts, using AI as a creative sparring partner
- Curating and combining the strongest elements from each variation into a refined direction
- Polishing manually where AI falls short on precision — spacing, typography, and visual rhythm
- Validating output against brand, accessibility, and usability standards before shipping
- Starting with low-fidelity wireframes to lock in layout, hierarchy, and flow
- Applying visual design system — typography scale, color palette, spacing rhythm
- Designing in high fidelity with pixel precision, covering all states and edge cases
- Reviewing for accessibility — contrast, touch targets, screen reader readiness
- Handing off with annotated specs and interactive prototypes for engineering
- Auditing UI copy for clarity, tone consistency, and moments of friction
- Writing microcopy that guides action — labels, empty states, errors, and confirmations
- Crafting voice and tone for product moments that need trust or persuasion
- Pairing copy with design so hierarchy, length, and layout reinforce each other
- Testing wording with users and stakeholders, then iterating based on comprehension
- Auditing the product for UI inconsistencies, repeated patterns, and styling drift
- Defining design tokens — colors, typography, spacing, elevation — as single source of truth
- Building a library of composable components with variants and documented states
- Writing usage guidelines and establishing governance so the system stays consistent
- Iterating based on real usage, feature needs, and product evolution
- Mapping user flows and identifying key interactions that need validation
- Building clickable prototypes in Figma to simulate the real experience
- Adding micro-interactions and transitions to communicate motion intent
- Sharing with users and stakeholders to validate flows before development
- Iterating rapidly based on feedback — cheaper to change a prototype than shipped code
- Identifying repetitive, rule-based design tasks that drain creative time
- Designing prompt chains that delegate asset generation, resizing, and formatting to AI agents
- Setting up automated pipelines with quality checkpoints at each stage
- Reviewing and curating agent outputs — human judgment decides what ships
- Refining agent instructions and prompts continuously as the product grows
- Describing the desired interaction or UI component in plain natural language
- Generating working front-end code from the prompt in real time
- Iterating conversationally — tweaking the description, not the code directly
- Validating the output visually and functionally against the design intent
- Shipping functional prototypes fast, unblocking development with high-fidelity specs
- Defining test goals and recruiting 5–8 participants matching the target audience
- Writing realistic tasks that cover critical user journeys and edge cases
- Running moderated or unmoderated sessions, capturing screen and verbal feedback
- Identifying patterns — where users hesitate, misunderstand, or abandon
- Prioritizing findings into a roadmap of fixes ranked by impact and effort
- Aligning with stakeholders to define research objectives and target user profiles
- Crafting a discussion guide with open-ended questions and exploration prompts
- Conducting one-on-one sessions, listening actively and adapting follow-ups in real time
- Synthesizing transcripts into key themes, quotes, and behavioral insights
- Delivering actionable findings that inform personas, problem statements, and design decisions
- Mapping the competitive landscape — direct rivals, adjacent tools, aspirational products
- Evaluating UX patterns, visual design, content strategy, and onboarding flows
- Documenting strengths worth matching and weaknesses worth exploiting
- Extracting patterns and anti-patterns to inform strategic design decisions
- Presenting findings with actionable recommendations for the product roadmap
- Auditing existing content and navigation to find gaps and redundancies
- Running card sorting sessions to understand how users mentally organize information
- Designing sitemaps and navigation structures that match user mental models
- Creating clear labeling systems and wayfinding cues for orientation
- Validating with tree testing and iterating based on task completion data
- Setting up a structured file system — pages for flows, components, and documentation
- Using auto layout and constraints for responsive, scalable designs
- Building with component properties and variants for design system efficiency
- Collaborating with real-time editing, comments, and dev mode handoff
- Extending with plugins and AI features to automate repetitive work
- Opening the codebase and using AI chat to understand project structure and patterns
- Generating UI components by describing design intent in natural language
- Iterating styles and layout through inline AI suggestions in real time
- Using agent mode to refactor and maintain design-related code
- Bridging design and development — editing both layers in one seamless tool