Author: ddema17230
-
Micro-interactions | UI Animation
Microinteractions are the small details that make an app or website feel alive. When you do something—like click a button or swipe a screen—the interface reacts with a tiny animation. Purpose Adding animation is something most modern websites have nowadays. Some animation examples I found are on Svgator website, which are good references to look into. I…
-
Videos that Helped me Design my First Game
As of Fall 2025, I created a game called SoulEater for my game design class. Below are videos and resources that help me design my 2D platformer from scratch. I was inspired by the game Hollow Knight when designing game assets and its aesthetics. I ended up programming SoulEater on Godot Engine so I had…
-
Finding Audio for my Game
One of the last things I have to do for my game is to find background music and sound effects. I try to find websites that have free audio so I won’t have to deal with copyright issues. Here’s are some of the websites according to Google Gemini that are free resources: I am inspired…
-
Adding Health Bars in My Game
I’m creating a game on Godot called SoulEater, which is a 2D platforming game. My character is in need of a health bar but I was struggling. Thankfully Google always has answers to my problems.I found a couple videos on how to make different types of health bars on Godot. The videos with the heart…
-
Website Inspiration
Websites that I found on Webby Awards that have eye-catching designs SUJA ORGANIC Suja web design has a fresh look. I like how the color scheme matches with the organic/healthy products they advertise, bold simple fonts and simple ux animation throughout their site. It gives a clean look and advertise their products really well. PINHOOK…
-
Creating UX Storyboard
A UX storyboard is a visual sequence of illustrations or sketches that tells the story of a user’s experience with a product, service, or system Image from Figma. Storyboards are an essential visual narrative tool in design, translating a user’s complex workflow into a series of simple, connected panels that depict their actions and interactions over time. Their main…
-
Key features of mobile website design
Features for Mobile Design Effective mobile design requires a single-column vertical display to optimize content flow and eliminate horizontal scrolling. Usability is maximized by using large, highly visible, well-labeled buttons with contrasting colors, supported by a clean design that utilizes sufficient whitespace to improve readability and prevent user errors. Placing Calls to Action (CTAs) near the top of the screen for user to see…
-
Website Plugins
A website plugin is a software component that adds specific features or functionalities to an existing website without altering its core code. In my web design class, we discuss what are plugins and how we can use them in our websites. There are variety of plugins for different features but easy to add to your sites.…
-
What makes a good platformer?
A good platformer is defined by responsive and fun movement, excellent level design, and a clear visual style. It needs controls that are tight and allow for skilled play, while also using mechanics in interesting ways to present challenges that are fair and rewarding. As I continue creating my game on Godot, I’m trying to learn…
-
Understanding Motion Graphics
What is Motion Graphic? Motion Graphics are animated graphic design elements like logos, text, and shapes that are brought to life with movement. Why is it important to learn in web design? It helps create more intuitive, memorable, and visually appealing websites, which can lead to increased user satisfaction, higher conversion rates, and a stronger brand presence. …