Case Study 5
![full image](/assets/images/full-ae990adfa0fb9e923f5da55104f9fbfe.png)
I included this design for its use of a solid, flat green as the background colour of the app.
It is not often that a solid flat colour can be pulled off in the background, especially not one with such high saturation.
A close-up of the screen below shows the actual mockup more clearly.
It is precisely because of the high saturation of such a low luminosity hue that allows the white copy to be clearly legible.
Among the white copy and coloured background, a black circle stands out clearly as well.
![extract of one screen](/assets/images/1-3d2e5b381a9e9af739fea08201016295.png)
This mockup begs these questions though: "Will the mockup be as pleasing if the photo of the plant is swapped with something else? Will it work with a photo of something that has no green at all?"
To find out, I have replaced the plant in the mockup with a random photo from Unsplash.
![swapped with random image](/assets/images/2-8481137b0fb68fca1f4e0f5653021fdb.png)
Photo credit: Sajjad Zabihi
Not nice at all. Simply slapping any random photo in place of the plant image is plain ugly.
What if we mix it up a bit by placing this photo within the photo of a tablet?
![swapped with a tablet](/assets/images/3-b32f5d6d018d643772a5767485505554.png)
Tablet image by OpenClipart-Vectors from Pixabay
Personally I think the addition of the tablet makes the whole thing look better.
I do think that this clear segration of the background colours works well with a "physical" object that casts a shadow as though it is on a table. Furthermore, who is to say that this wouldn't look better with a gradient on the green such that the lower part is darker, giving some kind of depth perspective to the interface.