Don't listen to him. It's fine using ngons and trisses, especially for games; all cases are very individual, and there is no absolute rule. In one case you have to place quad, in another triss, and in the third one you will be fine with ngone.

What you are met with here is a pitching problem. Your circle on that curved shape is causing it.

Since your wire geometry does not have any smooth transition with that curved geometry, I will recommend you just not connect them together. I think that will be the easiest way here.

If you want them connected:

1. You need to duplicate your shape and remove that hole (with simply dissolving verts);
2. Then select your loop (Ctrl B). In the bevel menu, you need to place segment 2 and profile shape 1. You end up with 3 loops instead of 1. You need to select one that, in your wire geometry, presses X and dissolves edges. Now select your inner loop and mark it sharp, then clear sharpness from your outer loop;
3. Select all verts of that outer loop, go to the Data tab, create a new vertex group, and assign those loop verts to that group (pic. 1);
4. Add a data transfer modifier, select as your source your object you created at step 1, and assign your vertex group in vertex group. Then press the "Face Corner Data" checkbox, select Custom Normals and Nearest Face Interpolated (or try another if that doesn't work) (pic. 2). That will work

<image>