The inspiration for this hero design was to utilize a half-image, half-text layout. From the start, there was a huge emphasis on the photographs. In a design where an image occupies such a large portion, it's essential to use visually compelling photos. Especially for a food product like ice cream, the images must clearly display what the user is interested in ordering.

I intentionally designed the section to ensure the product is on full display for the user, which is why the arrows in the bottom right allow users to click through the various flavors. While Midjourney was used to generate these images for the mock design, if I were using actual product photography for an ice cream hero section, I would seek shots like these. Their minimal yet visually striking backgrounds ensure the product remains the focal point of each image.

Left Panel: Text and Calls-to-Action

The main focal point of the left side was creating a compelling headline and call-to-action (CTA) that truly stands out. The H1 is designed to emphasize that the ice cream is homemade and highlights the flavors.

The CTA button is designed to be prominent with a gradient color, making it the only element on the page that uses color other than black or white (aside from the flavor number designed to match the ice cream color in its image). The bottom-left space was empty, so a clickable link to "32 Flavors" was added to fill that area and provide another navigation path deeper into the site.

Navigation Bar

For the navigation bar, I opted for a button-style design rather than the traditional text-only links. I've noticed this is a more modern trend, and I felt it was the right fit for the overall aesthetic of the design.