Right off the bat, a confession: I'm not the biggest fan of the typography I've used on the image - it was however dictated by the current brand guidelines, so... I guess it did same me the trouble of spending dozens of hours finding adequate font combinations though π€ Anyhows, while drafting the product page of a pistachio company (Shopify), I gave some thought to its most important elements of the ATF content, which can be broken down into the following:
π Layout: I change the standard maximum width to let the design breathe, giving it some room to wash over you
π I tried taking into consideration cultural differences when considering the full design - the draft was developed with DACH clients in mind, which means, among others, spare usage of social proof widgets
π Given the several various types of pistachio the client has on offer, I wanted to characterize each product with unique markers: hence the decision to use tags, icons and aroma as differentiators that just pop
π To adhere to the brand design, I mostly worked with dark texts, a main accent color and shades of gray for subtler details
π Visual representation of the shipping path reduces anxiety and FOMO casual visitors may experience when ordering products and expecting Amazon Prime delivery timesπ Big fat price for transparency and conscious subdecision to show it on the left, with the discounted price on the right. I don't know, it just felt better to me
π Payment icons ordered from most to least used payment methods
Other aspects such as brand differentiation, guarantees (not many though, this is a B2B shop), certificates, faq etc. are below the fold for now - still a work in progress.
What do you think? Is this a good product page design?
*PS: I appreciate it if you've read this far :) Feel free to check out the Creativity Lounge, where I offer premium content for designers and entrepreneurs just like you, completely free of charge. You can check it out here.
summary
How designers can balance what's pretty with what's functional...