Romeo y Julieta Cigars was commissioned by Altadis USA as one of three websites showcasing their flagship cigars. Romeo y Julieta is a top-selling cigar with an established brand characterized by bold type with big blocks of red, black and white offset by the gentle brown wrappers and red and gold labels.
For this design, I wasn't starting from scratch. I had to respect the existing branding and product design already on the market while refreshing and updating Romeo's online presence.
Since the Romeo y Julieta red/white/black color scheme was so baked in at this point, and these product shots needed to have their own distinct theme, I requested alternating red,black, and white backgrounds with a cigar and a complimentary accessory.
I didn’t know how skilled the photographers would be or what their camera/lighting/prop resources would be like, so I tried to keep it as simple as possible. As long as they kept the colors consistent and got good product shots that were anchored by a real-world accessory object, I was a happy camper.
When I made this site, I decided it was the perfect time to learn CSS Grid. At the time of me writing this, 0ctober 2nd, 2018, CSS Grid only has partial support in IE 11.
Since I intend for this site to be an example of what I can do, and not a comprehensive commercial product, I’m ok with that sacrifice in usability, especially since signs point to IE11 eventually adopting full CSS Grid support.
So with that said, I’d recommend using a different browser, such as Microsoft Edge. If you got cursed by a witch or something and have to use IE, you can contact me at email@example.com or you can check out my
Linkedin, Dribbble, or Instagram.