September 24, 20253 min readBy Mareta

Design is Empathy Made Visible: My UI/UX Journey

Discovered that pixels could tell stories that words could not. Design became my way of solving problems through empathy.

Design is Empathy Made Visible: My UI/UX Journey


Design is not just about making things look pretty. It is about understanding people, their needs, their frustrations, and their dreams. My journey into UI/UX design taught me that every pixel has a purpose.


The Beginning: From Marketing to Design


When I transitioned from marketing to design, I brought something unique - the ability to understand business goals while caring deeply about user experience. This combination became my superpower.


What Marketing Taught Me About Design:

  • Data-driven decisions: Every design choice should be backed by insights
  • User personas are real people: Not just demographic data
  • Conversion matters: Beautiful designs that do not convert are just art

  • Key Projects That Shaped My Perspective


    1. Brain Academy Homepage Redesign

    Challenge: Improve user experience for Ruangguru Brain Academy website

    Impact: Increased user engagement and streamlined learning path


    What I learned: Sometimes the best design is invisible - users should focus on their goals, not your interface.


    2. Design System Creation

    Challenge: Create consistent design language across multiple products

    Impact: Reduced design debt and improved development efficiency


    What I learned: Design systems are not just about components - they are about creating a shared language between designers and developers.


    Core Design Principles I Live By


    1. Empathy First

    Before opening Figma, I spend time understanding:

  • Who are the users?
  • What are their pain points?
  • What success looks like for them?

  • 2. Simplicity Wins

    "Simplicity is the ultimate sophistication" - Leonardo da Vinci

    The best interfaces disappear. Users should not have to think about how to use your product.


    3. Accessibility is Non-Negotiable

    Design should be inclusive. Every color choice, typography decision, and interaction pattern should consider users with different abilities.


    4. Iterate, Iterate, Iterate

    First versions are never perfect. Great design emerges through continuous testing and refinement.


    Tools I Swear By


  • Figma: For design and prototyping
  • FigJam: For collaborative brainstorming
  • Principle/ProtoPie: For advanced interactions
  • Hotjar/FullStory: For user behavior analysis
  • Notion: For design documentation

  • The Designer-Developer Bridge


    One advantage of my technical background is understanding development constraints. I design with implementation in mind:


  • Component thinking: Designs that translate well to React components
  • Responsive first: Mobile, tablet, desktop - all considered from start
  • Performance awareness: Heavy images and complex animations have costs

  • What is Next?


    Design is evolving rapidly with AI and new technologies. I am excited about:


  • AI-assisted design: Tools that help, not replace designers
  • Voice interfaces: Designing for conversations, not just screens
  • AR/VR experiences: Spatial design thinking
  • Inclusive design: Making technology accessible to everyone

  • My Advice for Aspiring Designers


  • Start with problems, not solutions: Understand the why before the what
  • Learn to code: Even basic HTML/CSS makes you a better designer
  • Study psychology: Design is about human behavior
  • Build a community: Design is collaborative, not solitary
  • Stay curious: The best designers are lifelong learners

  • Final Thoughts


    Design taught me that empathy is a skill you can develop. Every user interview, every usability test, every feedback session makes you better at understanding people.


    And that is what design really is - empathy made visible.


    ---


    Want to see my design work? Check out my portfolio or connect with me on social media. Let us build something beautiful together!