Role: UI Redesign Concepts for Proposal Timeline: 3 weeks
The Problem
The existing Port Command Center was built for an era of lower data volume and slower operations. Officers now faced information overload, inconsistent alerts, and a layout that buried critical status updates. The interface required extensive training and caused delays during high-pressure moments.
My Process
Built a detailed customer journey map documenting the officer’s workflow from shift start to incident resolution—capturing every step, decision point, and moment of friction.
Used the journey map to identify the highest-impact problem areas: alert prioritization, data density, and navigation speed under pressure.
Developed wireframe concepts focused on progressive disclosure—surfacing only the most critical information by default, with drill-down access to detail on demand.
Validated concepts through feedback sessions; officers specifically called out the simplified alert hierarchy and at-a-glance status panels as immediate improvements.
Key Design Decision
Given the real-time, high-stakes nature of port operations, I made a deliberate choice to reduce visual complexity rather than increase information density. The instinct when designing for data-heavy environments is to show everything. The users needed the opposite: a clear signal hierarchy that let them act fast without scanning cluttered screens.
Customer Journey Map
From gathering requirements and gaining a clear understanding of the user’s journey, I created a detailed journey map that outlined each step, goal, and pain point in their workflow. This helped identify opportunities to improve the experience and guided design decisions throughout the project.
Wireframes
After mapping out the user journey and identifying key pain points, I moved on to creating wireframes to bring the experience to life. Starting with low-fidelity sketches, I focused on structuring the interface in a way that addressed user needs while supporting the overall goals of the product. These wireframes served as a blueprint for early feedback and helped align the team on layout, functionality, and flow before moving into more detailed design.
Outcome
These proposal concepts demonstrated a clear, achievable path from the existing system to one designed around officer workflows. Feedback sessions confirmed strong resonance—users expressed that the concepts reflected an understanding of their environment that the current tool lacked. The project established a UX framework that could carry into full development.
Role: UX/UI Redesign of a Legacy Application Timeline: 2 months
The Problem
JICMS had accumulated years of usability debt. Users struggled to find cases, complete required fields, and understand where they were in a process. Workarounds were common. Frustration was high. The system was getting in the way of the organization’s ability to manage its own accountability processes
My Process
Started with structured user interviews to surface the critical tasks users performed most often—and where they consistently got stuck.
Collaborated with the Project Manager to translate user needs into formal requirements, ensuring every design decision mapped back to a user pain point or stated business goal.
Created detailed user flows to map the full case lifecycle—from opening a new case to final resolution—before any screens were designed.
Built low-fidelity wireframes in rapid cycles, bringing them back to users for validation within days.
Real-time adjustments kept the design grounded in reality.
Key Design Decision
Navigation was the biggest structural challenge. The old system used a flat, unlabeled layout that gave users no sense of where they were or how to get back. I introduced clear hierarchical nav with persistent breadcrumbs—a change that required careful negotiation with stakeholders worried about screen real estate, but which users immediately found clarifying.
User Interviews
I began the project with a clear goal: to understand the user and their daily tasks. I wanted to uncover their pain points, identify what frustrated them, and learn what they truly valued about the application. Through user interviews, observations, and feedback sessions, I gathered insights that helped shape a more intuitive, efficient, and enjoyable experience tailored to their real needs.
User Flows
I worked closely with the Project Manager to gather and define user requirements, ensuring we had a clear understanding of both user needs and business goals. Together, we collaborated on writing detailed requirements that guided the design process. From there, I created user flows to map out the full user journey, helping the team visualize how users would interact with the application at every stage. This foundation allowed us to design an experience that was both seamless and aligned with user expectations.
Wireframes
Once I had a solid understanding of user needs and pain points, I moved into a rapid prototyping phase—translating insights into low-fidelity wireframes. I maintained a continuous feedback loop with users, testing early concepts and making real-time adjustments based on their reactions and suggestions. This iterative design process allowed me to uncover usability issues early, build trust with users, and evolve the product into a solution that felt intuitive and thoughtfully designed from their perspective.
Outcome
The redesigned JICMS gave CBP professionals a system that matched how they actually worked. Task completion became faster and less error-prone. Users who had previously avoided certain features due to confusion began using them regularly. By the end, users were proactively volunteering feedback—a sign the design had built genuine trust.
Analysts at HSI needed to cross-reference massive import/export datasets to flag suspicious transactions—often under time pressure. The existing platform required too many steps to surface actionable insights, causing investigators to miss patterns and rely on manual workarounds. The UX was an obstacle in federal investigations.
My Process
I worked to ensure alignment across both user and business requirements. Through a highly collaborative, cross-functional process, I led iterative prototype reviews with users to gather feedback and continuously refine the experience. Once the designs were finalized, I partnered closely with Front-End Developers to ensure accurate and seamless implementation.
Wireframes
After gathering comprehensive user feedback, I conducted rapid, iterative wireframing sessions to quickly visualize and refine design concepts. Throughout this process, I worked closely with users, integrating their input to validate and refine assumptions about the design. This collaborative approach ensured that the design was continuously aligned with user needs and preferences, ultimately leading to a more effective and intuitive user experience.
Outcome
Investigators reported significantly faster time-to-insight after the redesign. The streamlined filter architecture reduced the steps needed to isolate a suspicious transaction, and the modernized interface was adopted across the analyst team without the retraining burden the old system required.
Role: Brand Development, User Research and End-to-End UX/UI Design Timeline: 2016-2018
The Problem
Organizations managing large content libraries across multiple repositories had no single view of their data. Finding, interpreting, and acting on content required switching between tools and manually reconciling information. Kosmos aimed to unify structured and unstructured data in one intelligent platform.
My Process
Facilitated a collaborative discovery session with founders to map the product’s core methodology—translating abstract concepts into a visual concept model that aligned the team.
Conducted user interviews across four distinct user types, developing detailed personas capturing each role’s goals, frustrations, and technical comfort level.
Created an information architecture that could accommodate high content volume without overwhelming users—prioritizing progressive disclosure and role-based views.
Mapped user flows for each persona’s primary tasks, exposing gaps in the proposed feature set before a single wireframe was drawn.
Built an interactive Axure prototype demonstrating the full product experience (available on request).
Developed the full Kosmos brand identity—logo, color system, and visual language—ensuring the product looked as sophisticated as its capabilities.
Concept Diagram
To kick off the discovery process I facilitated a meeting with the stakeholders to gain iTo kick off the discovery process, I facilitated a collaborative session with stakeholders to gain a deeper understanding of the application’s methodology and core objectives. Based on those insights, I developed a concept model diagram to visualize key relationships and inform the overall design approach.
Personas
Through user interviews and by gathering key business goals, I conducted research that led to the development of detailed user personas for each type of individual who would interact with the application.
Information Architecture
Based on the personas, I facilitated meetings to better understand how users would interact with the application. Using these insights, I then created an Information Architecture (IA) diagram to map out the structure and flow of the application.
User Flows
Based on the use cases, I mapped out the user flows to illustrate how each task would be completed within the application.
Prototype
I created a prototype of the application as well using Axure. Demo available to view upon request.
Brand Development
Logo
I also worked on the brand identity for Kosmos creating several logo options for the brand.
Outcome
The end-to-end design process produced a validated product foundation—from brand identity to interactive prototype—that Kosmos used to pursue funding and early customers. The persona-driven architecture ensured the product could grow across user types without redesign.
Squid IQ is a tablet-only SaaS application designed for hospitals to manage and track their medical device inventory. The core challenge was consolidating scattered inventory data into a single, centralized platform, enabling medical professionals to easily monitor and manage equipment all in one place.
My Process
Organized and facilitated a stakeholder brainstorming session to define navigational priorities and core user flows—quickly aligning the team on what mattered most before touching a design tool.
Built a detailed information architecture diagram mapping the full screen hierarchy, ensuring every feature had a logical home and every user path had a clear destination.
Designed low-fidelity wireframes for all primary screens in Sketch—login, list view, map view, asset detail, tickets, and utilization reporting—within the two-week window.
Optimized every layout for tablet interaction: touch-friendly targets, glanceable data displays, and minimal scrolling for users working in motion.
Information Architecture
To kick off the project, I organized and facilitated a collaborative brainstorming session with key stakeholders to gather input on the desired navigational structure and core user flows of the application. This session helped surface user needs, content priorities, and functional requirements. Using the insights gathered, I then created a detailed information architecture (IA) diagram to map out the hierarchy and relationships between screens, ensuring a logical and intuitive navigation experience moving forward in the design process.
Wireframes
I designed low-fidelity wireframes of the mobile application using Sketch, focusing on layout, functionality, and user flow to establish a clear foundation for the visual design.
Outcome
Delivered a complete navigation architecture and full low-fidelity wireframe set on time—giving the development team a clear blueprint to build from. The fast-turnaround process demonstrated that rigorous UX thinking and tight timelines are not mutually exclusive when the discovery work is done right.
Role: Brand Development and End-to-End UX/UI Design Timeline: 9 weeks
The Problem
Traditional mental health resources are out of reach for many: too expensive, too intimidating, or simply unavailable. The founders wanted to build an application that could detect signs of mental health struggles through simulated conversation and offer practical self-help tools around mindfulness, sleep, and nutrition.
My Process
Conducted discovery interviews with licensed mental health therapists to understand clinical intake methodology—ensuring the AI interaction model was grounded in real therapeutic practice.
Interviewed individuals with lived therapy experience to capture the emotional texture of the experience: what made them feel safe, what made them shut down.
Led brand development from scratch—working through multiple logo and identity directions until the visual language felt warm, modern, and trustworthy.
Designed end-to-end flows for the core features: AI check-in, mood tracking, mindfulness tools, and sleep/nutrition logging—testing each against user expectations before handing to developers.
Led front-end developers through implementation, running reviews to ensure the designed experience translated accurately into the built product.
Key Design Decision
The most sensitive design challenge was the AI conversation interface. Early concepts felt transactional—too much like a form, not enough like a conversation. We iterated toward a chat-forward layout with intentional pacing, softer language, and no clinical jargon. The goal was for users to feel heard, not assessed.
Brand Development
Logo
I took the lead in developing the brand, working through multiple iterations to ensure it captured the essence of the application. After careful refinement and collaboration, we arrived at a final design that aligned with the brand’s vision and goals.
Visual Identity
I created visual design options that would convey throughout the application.
Methodology
After establishing the visual identity, I began the discovery process where I facilitated interviews with Mental Heath Therapists to get a better understanding of the intake assessment process. In addition, I interviewed several people who have attended therapy. From there I had a better understanding of the process and created a diagram of how the application should function.
Flow Charts
Information architecture and user flows were also created to get a better understanding of how the content would be laid out as well as seeing how a user would complete a task.
Wireframing
To add a visual aid, wireframes were created to show the user experience throughout the application.
Outcome
Within the first three months of launch, the app saw a 50% increase in downloads—a clear signal of product-market fit. User feedback consistently highlighted the non-judgmental tone of the experience as the reason they kept returning. The brand and UX established a foundation of trust that distinguished the app in a crowded wellness market.
