#016 - Pop Up/Overlay

Right off the bat, I knew that I wanted this one to be a promotion for Curls & Coils or Satchel Stone. It ended up being another promo for SS, so I need to make sure that I create a few things for Curls & Coils soon. You know, so it’s balanced out and equally represented.

After browsing through some images on Pexels, I started to put a few things together.

2018-10-08 - Flow - #dailyui - #05. I started with this picture, but it just didn’t feel like it was the right one to go with….

2018-10-08 - Flow - #dailyui - #05. I started with this picture, but it just didn’t feel like it was the right one to go with….

2018-10-08 - Flow - #dailyui - #08. At the time I couldn’t figure out why the other image didn’t resonate with me as much as this one did, but I see it now - the colours in this image are bold compared to the ones in the first one that were muted. T…

2018-10-08 - Flow - #dailyui - #08. At the time I couldn’t figure out why the other image didn’t resonate with me as much as this one did, but I see it now - the colours in this image are bold compared to the ones in the first one that were muted. They’re both great images but I wanted one with a little more “oomph” to it.

After finally nailing down a photo, I opened up Photoshop and used the Eyedropper tool to get the hex codes of the colours on the model’s sweater. I wanted to use them with the text and then it became a game of which colour looked better..

2018-10-08 - Flow - #dailyui - #09. Will it be PINK?

2018-10-08 - Flow - #dailyui - #09. Will it be PINK?

2018-10-08 - Flow - #dailyui - #13. NAVY BLUE?

2018-10-08 - Flow - #dailyui - #13. NAVY BLUE?

#016 - Pop Up-Overlay - Version 1 without background.

#016 - Pop Up-Overlay - Version 1 without background.

Spoiler alert! I decided to go with the mustard/golden yellow instead of the pink or navy blue for the final image in terms of the “80% off” and “Shop Now” CTA button. I found that it just works SO well with this.

And I created another version. Just for a little variety.

#016 - Pop Up-Overlay - Version 2 with background.

#016 - Pop Up-Overlay - Version 2 with background.