Personal UX/UI & Graphic Design Learning Journey

Designing a mobile app to connect food enthusiasts through shared dining experiences, from concept to prototype.

Role

Personal UX/UI

Industry

Personal leaning

Duration

The English translation of your sentence is: "Currently learning more in UX/UI and Graphic Design, focusing on 2D design, Sketch, and other creative tools.

a cellphone leaning against a wall

1. Overview

I am passionate about UX/UI design and graphic design, and I enjoy learning by creating small, creative projects. My goal is to grow from basic design skills to advanced UX/UI understanding while applying creativity in interfaces, animations, and user experiences.

2. Tools & Software I Use

  • Figma – for UI/UX design, prototyping, and hover animation effects.

  • Framer – for interactive prototypes and advanced motion design.

  • Lunacy – for vector design and graphic illustration.

  • Adobe Illustrator & Photoshop – for creative graphics and illustration.

  • VS Code – for front-end testing and design implementation.

  • Motion/Animation Tools – for micro-interactions and hover effects.

3. My Learning Approach

  1. Start Small: I began with hover animations, micro-interactions, and simple interface designs in Figma.

  2. Advance Gradually: Explored Framer and Lunacy to combine design with motion, prototype interactivity, and vector illustrations.

  3. Experiment Creatively: Created small projects like Zendo, Lucky Experience, Legend, integrating animations, UX flows, and visual storytelling.

  4. Iterate & Improve: Learned by testing my designs, observing user behavior, and refining layouts to make them more intuitive and engaging.

lucky express cambodia APP
zENDO APP UX

4. Key Skills I Developed

  • UX/UI Design Fundamentals: Wireframing, prototyping, and user flow design.

  • Motion & Animation: Hover effects, transitions, and interactive components.

  • Creative Graphic Design: Illustration, color theory, typography, and composition.

  • Software & Tool Mastery: Figma, Framer, Lunacy, Adobe Creative Suite, and coding support for design testing.

FoodPanda app ux create by Figma
learn create compunent and motion...
learn How to create icon in ABA Bank

5. Personal Reflection

Through these projects, I realized that design is a journey of exploration, iteration, and creativity. Each small project taught me something new—whether it was refining a hover effect, improving usability, or enhancing visual aesthetics.

I am committed to continuously learning and growing as a UX/UI designer, blending creativity and technology in meaningful ways. My goal is to become a skilled UX/UI professional, gain deep experience by working at a reputable company, and develop my skills to their fullest potential. I believe that everything improves when you truly understand what you love and what you aspire to be.

Other projects

Interested in connecting?

Let’s talk projects, collaborations, or anything design!
I’m always excited to share ideas, collaborate, and create meaningful experiences together.

Interested in connecting?

Let’s talk projects, collaborations, or anything design!
I’m always excited to share ideas, collaborate, and create meaningful experiences together.

Interested in connecting?

Let’s talk projects, collaborations, or anything design!
I’m always excited to share ideas, collaborate, and create meaningful experiences together.

Copyright 2025 by Callum Hayes

Copyright 2025 by Callum Hayes

Copyright 2025 by Callum Hayes

Create a free website with Framer, the website builder loved by startups, designers and agencies.