FrogHire.ai
Chrome Extension & Web Platform for Job Seekers
Overview
FrogHire.ai is a job-search platform designed to help both domestic and international job seekers navigate a competitive and fragmented hiring landscape. The product combines real-time job analysis, automation, and guided workflows to help users evaluate roles, optimize applications, and manage their job search more effectively.
As the UI/UX Designer, I own core UX decisions across navigation, interaction patterns, and system structure, leading end-to-end design across the Chrome extension and web platform in close partnership with product, engineering, and growth teams. My work directly supported a platform used by 100K+ active user and positioned the product for continued scale.
This project spanned:
- End-to-end redesign of the core UI and interaction model across the Chrome extension and web platform.
- Introduction of a persistent sidebar navigation, replacing a fragile floating UI and improving feature discoverability and workflow stability.
- Design of scalable UI patterns and reusable components to support rapid iteration and long-term product growth.
- Usability testing and data-informed iteration, refining visual hierarchy and interaction clarity to improve engagement.
- Close collaboration with product and engineering to evolve FrogHire.ai from a niche tool into a scalable, user-first platform.
Background & Context
FrogHire.ai is a job-search platform that helps users analyze job postings, understand skill requirements, and manage applications across multiple hiring platforms. The product operates across two core surfaces: a Chrome extension that embeds job insights directly into live job postings, and a web platform that supports deeper analysis, planning, and tracking.
I joined FrogHire.ai during a phase of rapid feature expansion, where new capabilities, such as job analysis, skill extraction, and workflow management, were being added quickly. The primary challenge was to organize complex, data-driven features into clear, usable workflows while maintaining performance, consistency, and trust at scale.
Planning & Strategy
- User Research: Conducted 30+ interviews and live screen shares to validate real job-search behavior across the Chrome extension and web platform.
- Analytics Review: Used Google Analytics and Metabase to identify drop-offs and underused features, driving a flow re-architecturte.
- Design Audit: Audited existing interfaces to identify navigation instability, inconsistent interaction patterns, and WCAG accessibility gaps, defining requirements for a more scalable, accessible system.
Execution
Challenges & Solutions
Turning fragmented job data into actionable insight:
Job listings contained dense, inconsistent information, for example,skills, sponsorship signals, and requirements were scattered across descriptions, making it difficult for users to quickly assess fit.
🛠 Solution: Designed a structured job analysis model that extracts and groups key signals, such as required skills, optional skills, and sponsorship indicators, into a consistent, scannable layout across the dashboard and extension. This reduced interpretation effort and helped users make faster, more confident decisions.
Balancing visibility with non-disruption inside job platforms:
Surfacing insights directly within third-party job sites risked overwhelming users or breaking their natural browsing flow.
🛠 Solution: Redesigned the Chrome extension experience to feel embedded rather than intrusive, using restrained visual hierarchy, progressive disclosure, and contextual placement. Insights remained visible when needed, while preserving the integrity of the host platform’s UI.
Scaling feature depth without overwhelming users:
As FrogHire expanded from a niche tool into a broader job-search platform, the growing number of features increased the risk of cognitive overload and poor discoverability.
🛠 Solution: Introduced a persistent sidebar navigation system and later a centralized dashboard, creating a clear mental model for how features relate. This systemized approach supported feature growth while keeping workflows predictable and manageable.
Outcomes & Impact
- Scaled redesigned workflows to 100K+ active users by leading 30+ web and Chrome extension feature redesigns in Figma and shipping 200+ production-ready wireframes, prototypes, and components.
- Improved core engagement by 23% by using Google Analytics, funnel analysis, and usability testing to re-architect key flows and interaction patterns across the dashboard and extension.
- Optimized interaction quality with experimentation, running A/B tests on layouts and components and using analytics to validate changes in job analysis, filtering, and navigation efficiency.
- Enabled institutional rollout by leading WCAG 2.1 AA accessibility updates (contrast, hierarchy, keyboard behavior, semantics) across university-facing interfaces.
- Supported 40% growth in user acquisition by designing on-brand UI and visual systems used in campaigns, along with modular HTML/CSS Mailchimp templates for product updates, pricing, and onboarding.
Visual Design
Reflection
This project strengthened my ability to design scalable product systems under real-world constraints, balancing speed, complexity, and usability across both a Chrome extension and a web platform. I learned how to evolve a product from a niche tool into a multi-surface system by making deliberate decisions around navigation, information hierarchy, and validation through analytics and testing.
Working closely with engineering and product teams reinforced the importance of designing for long-term growth, accessibility, and maintainability, not just feature delivery.
Aloega
A Web3 healthcare ecosystem empowering secure health data sharing through blockchain technology.
Overview
Aloega is a Web3 healthcare platform focused on secure, user-controlled health data sharing through blockchain technology. The product required translating technically dense concepts, such asprivacy, decentralization, and data ownership, into clear, trustworthy messaging across multiple channels.
As a Marketing Specialist, I owned content strategy, messaging frameworks, and visual communication across social platforms and long-form content, working closely with product and leadership to align technical capabilities with user understanding and adoption.
This project spanned:
- Message repositioning and technical content translation
- Social media strategy and community engagement
- Blog content creation and whitepaper adaptation
- Brand voice development and stakeholder alignment
Background & Context
Aloega operates at the intersection of healthcare, blockchain, and data privacy, where user trust and comprehension are critical barriers to adoption. At the time, Aloega was in an early-stage growth phase, with evolving product capabilities and limited market education. Messaging needed to balance technical accuracy with clarity, while building credibility in a highly regulated and trust-sensitive space.
My role focused on reducing cognitive and conceptual friction by structuring content, visuals, and messaging systems that made abstract technology understandable, relatable, and actionable for potential users.
Planning & Strategy
- Audience & Message Mapping: Defined core user segments and mapped blockchain and healthcare concepts into benefit-driven narratives focused on privacy, control, and trust.
- Content System Design: Built a repeatable content framework spanning social, blog, and educational posts to ensure consistency across platforms.
- Performance Analysis: Used engagement metrics to evaluate content clarity and refine messaging direction over time.
Execution
Challenges & Solutions
Technical complexity created low comprehension and low trust
Blockchain healthcare concepts (data ownership, privacy, decentralization) were difficult to explain without sounding abstract or hype-driven.
🛠 Solution: Built a technical-to-benefit translation framework that mapped product capabilities into plain-language user outcomes (privacy, control, transparency), and standardized wording across channels to maintain accuracy and credibility..
Messaging was inconsistent across platforms and formats
Content lived across Medium and multiple social platforms, but tone and structure varied, weakening brand clarity and recognition.
🛠 Solution: Designed a cross-platform content system (themes, format rules, and messaging hierarchy) so each post reinforced the same narrative while adapting to platform-specific constraints.
Educational content risked being long, dense, and easy to ignore
Even accurate content could fail if it didn’t earn attention quickly or guide users through the idea efficiently.
🛠 Solution: Applied information hierarchy and content UX (strong hooks, scannable structure, simplified visuals) and iterated on formats to improve clarity and retention.
Outcomes & Impact
- Grew Aloega’s social audience by 1,000+ followers, by designing and iterating on an educational content system grounded in clear information hierarchy and platform-specific optimization.
- Improved comprehension of complex blockchain healthcare concepts, by translating technical product capabilities into benefit-driven messaging focused on privacy, data ownership, and trust.
- Established a consistent cross-platform brand narrative, by implementing structured messaging frameworks and visual communication standards across blogs and social channels.
- Improved content performance through analytics-led iteration, using engagement metrics to refine message hierarchy, length, and visual emphasis rather than subjective judgment.
Visual Design
Reflection
Aloega deepened my ability to apply UX thinking beyond interfaces, using information design, messaging systems, and analytics to reduce cognitive friction in highly technical domains. Translating blockchain and healthcare concepts into clear, trust-building narratives sharpened my skill in designing clarity where misunderstanding directly impacts adoption.
This project reinforced how structured communication systems and data-informed iteration can support early-stage product credibility and growth, even in the absence of a traditional UI surface.
NAUSICAA NYC
A fashion-forward e-commerce platform blending artistic vision with user-centric design.
Overview
NAUSICAA NYC is a fashion e-commerce brand blending editorial storytelling with direct-to-consumer retail. The project focused on improving product discovery, navigation clarity, and conversion flow while maintaining a strong visual identity.
I led UX and visual design improvements across the website, balancing aesthetic direction with usability, performance, and shopping behavior.
This project spanned:
- Complete website redesign and information architecture
- User research and persona development
- E-commerce flow optimization
- Visual design system creation
Background & Context
Nausicaa NYC, a New York-based designer label, relies exclusively on its website to connect with audiences. The existing site prioritized visual expression but suffered from navigation friction, inconsistent hierarchy, and unclear product pathways, especially across collection browsing and product detail pages. These issues created unnecessary drop-off in the shopping experience.
The challenge was to refine the structure without diluting the brand, ensuring the site supported both exploration and efficient purchasing. Leveraging my UX/UI background, I led this redesign using WordPress for implementation, Figma for wireframing, and extensive user research to validate decisions.
Planning & Strategy
- User Research: Conducted 18 user interviews to analyze shopping behavior, browsing patterns, and decision friction across discovery and checkout flows.
- Persona Development: Synthesized research findings into core shopper personas, clarifying motivations, purchasing triggers, and content expectations.
- Information Architecture: Re-structured site navigation, collection taxonomy, and content hierarchy to improve product discovery and browsing efficiency.
- Design System: Established a consistent visual system and reusable UI components, aligning brand expression with scalable e-commerce layouts.
Execution
Challenges & Solutions
Brand-first visuals reduced usability
The original site emphasized strong visual identity but lacked clear hierarchy, making it difficult for users to scan content and understand next actions.
🛠 Solution: Introduced clearer layout structure, spacing, and typographic hierarchy, preserving the brand’s aesthetic while improving readability and scannability across key pages.
Product discovery was fragmented
Users struggled to move efficiently between collections, product categories, and individual product pages due to unclear navigation and grouping.
🛠 Solution: Re-architected the site’s information architecture and navigation taxonomy, creating clearer categories and predictable browsing paths that supported exploration and shopping intent.
Maintaining consistency across pages
As content expanded, visual and interaction inconsistencies risked diluting brand cohesion and usability.
🛠 Solution: Established a cohesive visual system and reusable layout patterns within WordPress, ensuring consistency across pages while supporting future content updates.
Outcomes & Impact
- Validated core UX decisions through 18 user interviews, and develop 6 personas, directly informing navigation restructuring, content hierarchy, and key shopping flows.
- Redesigned and shipped end-to-end site structure, including global navigation, collection pages, and product detail layouts within a live WordPress environment.
- Reduced browsing friction across primary shopping paths, by standardizing layout patterns and validating navigation changes through A/B testing.
- Enhanced brand consistency by implementing a reusable visual and layout system, enabling consistent application across new pages and future collection launches without redesign overhead.
Visual Design
Reflection
This project strengthened my ability to design consumer-facing e-commerce experiences where brand expression and usability must coexist. Conducting user interviews and validating changes through testing reinforced the importance of grounding visual and structural decisions in real user behavior rather than aesthetic preference alone.
Working within a live WordPress production environment also sharpened my approach to scalability—designing layouts and systems that support future content growth without repeated redesign. This experience reinforced how thoughtful information architecture, testing, and implementation discipline directly shape the effectiveness of consumer UX.
Current Project
Boston Children's Hospital
Profile operations, content quality audits, and reporting systems for a large clinical website.
Overview
At Boston Children's Hospital, I support web production for a large clinical content ecosystem. My work focuses on keeping provider and program information accurate, structured, discoverable, and easier for teams to maintain.
I turn audits, exports, and content requests into clear trackers, dashboards, and production-ready updates so teams can see what needs attention and prioritize follow-up.
Context
A hospital website contains many moving parts: provider profiles, team pages, program pages, video assets, and ongoing production requests. Small inconsistencies can quickly become hard to track across departments.
My role is to bring structure to that work by auditing content, cleaning source data, documenting gaps, and preparing updates that support clearer digital experiences for patients, families, and internal teams.
Workstreams
Scope & Impact
Process
- Clean the source data: Normalize profile exports, roster snapshots, provider IDs, URLs, credentials, and department references.
- Make gaps visible: Translate missing fields and page issues into dashboards, trackers, and department summaries.
- Protect content accuracy: Ground profile updates in approved source material, review criteria, and editorial checks.
- Support production: Resolve Jira requests, prepare update workbooks, and keep reporting materials ready for team follow-up.