The question is taken from Visual Complex Analysis by Needham:
My problem is that my work seems to show that $d$ is the real part, not the imaginary part.
I know our new point is supposed to have angle $\theta - \phi$ and not $\phi - \theta$, but it's okay since the absolute value of the imaginary part should stay the same.
How can I justify switching around the new axes so that I get the correct answer? The reason I think I must label the axes this way is because $\phi - \theta$ is supposed to be in quadrant $1$.




I don't quite see why you say your image suggests that the real part of $e^{-i\phi} z$ is $d$. It looks like your picture pretty much clinches the proof. Consider this updated picture I made:
As you probably know, if you multiply $z$ by $e^{-i\phi}$ you wind up rotating the point $z$ clockwise by $\phi$ radians. Instead of just imagining that you're doing it to $z$, imagine that you're doing it to the entire triangle $ABz$. If you do that, the segment $AB$ aligns with the imaginary axis and the segment $Bz$ becomes parallel to the real axis. From there it should be clear that the length of $AB$ is the (absolute value of the) imaginary part of $e^{-i\phi} z$.