/3/ - 3DCG

What is the best way to add bevels to a low poly on insets like these, while mainting clean topo that unwraps and subdivides well? If I add a regular bevel it creates ngons and tris. In that case subdiv doesn't work, but even if I don't care and just use bevel + face weighted normals approach, the problem which still remains is that I have trouble unwrapping it, because I get a fucked up UV island which doesn't want to straighten into a square because of a topo which isn't clean enough, I assume.

I don't know if I should first make a high poly with creases or supporting loops, but then how am I supposed to clean that up for a low poly? Manually remove edge loops?

So I'd like to know how to do this properly.