Consulting for EdTech & Schools
Content & UX Writing
UX Research & Usability Testing
UX & Interaction Design
Learning Experience Design
I Can Help you with..
🫱🏼🫲🏽 Collaborate With Me
2008
The spark
At 14, I loved connecting with other teens online. I taught myself HTML and built a Piczo site. I didn’t know it then, but I was already experimenting with user experience – creating digital spaces for people to connect and learn.
Click Me :-)
a small overview of my journey 🛣️
💪🏼 I’m particularly good at designing for learning, but if your project involves humans trying to make sense of something, I’m all ears (and Figma files).
Scroll to see more
Hey! 🙋🏻♀️ I am Catalina S. Jimenez.
👩🏻🏫 I am also a teacher with AI pedagogy responsibilities
I am a
UX-Designer
3.0 Dashboard Design
I designed a clean, user-friendly dashboard for diabetics, featuring suitable charts for clear data visualization. The focus was on intuitive layout, accessibility, and ease of use, ensuring key information was easily viewable at a glance. Using Figma, I created structured wireframes and an interactive prototype, refining the design for clarity and efficiency.
1️⃣ Research & Analysis
I began by analyzing the existing website to understand the structure, content, and user experience. This included identifying pain points such as cluttered layouts, unclear hierarchy, or hard-to-find information, as well as pinpointing opportunities for improvement, like better data visualization or more intuitive navigation. I also reviewed competitor dashboards to understand common patterns and user expectations, ensuring the new design would feel familiar but improved.
2️⃣ User Flow & Wireframing
Based on my findings, I mapped out a user flow to define how users would interact with the dashboard—from landing on the page to completing specific tasks (e.g., tracking data or accessing reports). I then created low- and mid-fidelity wireframes, focusing on information hierarchy, logical grouping of elements, and quick access to key actions and insights. This step ensured a clear structure before moving into visual design.
3️⃣ Prototyping & UI Design
With the layout approved, I moved into high-fidelity design in Figma, building an interface that was visually clean, modern, and consistent with the website’s brand. I carefully applied color, typography, spacing, and visual cues to guide users through the dashboard. Emphasis was placed on readability, intuitive navigation, and responsive design, with accessibility considerations such as contrast ratios and font sizing included from the start.
4️⃣ Usability Testing & Iteration
To validate the design, I conducted usability testing with target users and peers, observing how they interacted with the dashboard prototype. I gathered feedback on ease of use, clarity of information, and visual flow, and identified friction points. Based on this input, I made several iterations, fine-tuning spacing, wording, button placements, and layout to ensure the final dashboard provided a smooth, effective, and satisfying user experience.
🔗 Explore the project
🔗 Explore the project
2.0 Furever Friends Rescue
As part of my UX studies, I created a web-based design system for Furever Friends Rescue, ensuring a consistent, scalable, and user-friendly UI across their platform. The goal was to build a structured system of reusable components to enhance design efficiency and brand consistency.
1️⃣ Audit & Research
I started by auditing the existing Furever Friends Rescue website to understand the visual language already in place. This included identifying and analyzing current typography, color usage, spacing, iconography, and UI patterns. I also looked at how components were used inconsistently across different pages and pinpointed areas where design efficiency and brand cohesion could be improved. This phase helped define the foundational elements for the new design system.
2️⃣ Component Library Creation
Based on the audit, I created a scalable and reusable component library in Figma. This included standard UI elements such as buttons, input fields, dropdowns, cards, icons, and navigation components. Each component was designed with flexibility and accessibility in mind, using consistent sizing, spacing, and states (hover, active, disabled, etc.). The goal was to streamline the design process and allow for rapid, consistent interface development across the platform.
3️⃣ Style Guide & Documentation
I developed a comprehensive style guide outlining the design system’s visual identity. This included typography hierarchy, color palette with hex codes and usage rules, spacing system, icon sets, and accessibility guidelines (e.g. contrast ratios, font sizes). I also documented how and when to use each component, ensuring that designers and developers could easily apply the system across future projects. The documentation was created in a clear, visual format within Figma.
4️⃣ Prototyping & Testing
Finally, I integrated components into sample layouts and page prototypes to ensure they functioned well together across different contexts and screen sizes. I tested for consistency, responsiveness, and usability, ensuring that the system supported both mobile and desktop experiences. This allowed for refinement of details and confirmed that the design system would hold up in real-world scenarios, from landing pages to dashboards.
1.0 ItsLearning
As part of my final UX design project, I had the opportunity to collaborate with itslearning and redesign their resources page. Through user research and usability testing, I identified pain points in structure and navigation, and proposed a cleaner, more intuitive layout—designed to help busy educators find and use content with ease.
1️⃣ The Problem I Knew Too Well
As a high school teacher and digital pedagogue, I’ve spent years navigating the same digital learning platforms as my students. I’ve seen first-hand how confusing and cluttered interfaces can stand in the way of effective teaching, and how often good content is hidden behind bad UX.
2️⃣ The Challenge
For my final project in Noroff’s UX Design program, I reached out to Itslearning and proposed a collaboration. To my surprise and excitement — they said yes.
Together, we agreed that I would explore how the "Resources" page is used today and how it might be redesigned to support teachers more effectively.
3️⃣ Research: Listening First
I started by surveying and interviewing teachers. I also reviewed support articles, accessibility guidelines, and conducted a competitive analysis of similar platforms. I learned that teachers found resources confusing for several reasons, and those who used «plans» did not use «resources». They thought of it as just another file management site.
4️⃣ Ideation & Direction
Using the insights, I created personas, defined key user flows, and prioritised features using the MoSCoW technique. I designed for flexibility:
- Gallery and List view
- File Filtering and Pinned content
- Shared Folders
- A dedicated trash bin for recovery
5️⃣ Testing and Iteration
I tested my wireframes remotely with teachers using Maze. I observed confusion in icon placement, small interface choices — and made clear changes to improve clarity. I then built a high-fidelity prototype in Figma, integrating accessibility considerations like clear focus states, visual hierarchy, and reduced cognitive load.
🔗 Explore the project
🧠 results from my problem-solving