Laundry closet remodel

I think i've posted a few other things on this project here before, but i'm getting ready to get going on this and have a few more questions.

The short of what I'm doing is I have a second floor condo with a single wall that has two closets along it, one part has a compact/stacked washer/dryer combo and some shelving the second closet has just a water heater. My plan is to remove these doors and remove the fake wall seperating these two areas so i can get enough room to put in two standard sized front loading washers side by side.

The main question I have is that code requires the water heater to rest on a metal drain pan which is quite ugly and unattractive. My idea is to get rid of the drain pan and install a drain in the floor using what would basically be a shower drain, a proper shower liner and sloping the floor into the drain and then of course tiling over the whole thing and a few inches up the wall and then finally using tiles with a slight lip around the outside edge. So my question is, would something like this meet code or am I stuck with the ugly metal pans?