Guinness Email Campaign Design: Premium & Engaging Templates

Guinness Email Campaign Design: Premium & Engaging TemplatesGuinness Email Campaign Design: Premium & Engaging Templates

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Alfaz Akib

• Jul 11

Guinness Promotional Email Campaign Design

Designed a premium promotional email template for Guinness using Figma. The design focuses on engaging storytelling, bold typography, premium product presentation, and high-converting call-to-action sections.

Deliverables

• Desktop Email Design • Mobile-Friendly Layout • Clean Component System • Developer-Ready Design • Figma Source File

Tools

Figma

Skills

Email Design • UI Design • Email Marketing • Klaviyo • Mailchimp • Responsive Design • Branding

Klaviyo Figma MailChimp

Angelo Pacaanas

• Jul 7

Zero experience in the UI design industry.

But creativity, imagination, AI, and @Wonder made it possible.

🔥 Introducing "TourMe"

🧠 The idea: A website for people who love to travel, explore, and discover different countries.

🙌 Problem: People often have to jump between multiple websites to find travel information about a country they want to visit.

😊 Solution: A website with multiple features for different countries: • Weather • Currency • Best places to visit • Popular restaurants • Traditional foods • Hotels and places to stay • Activities • sim cards • and many more

💯 WORKFLOW:

• Explained my idea in ChatGPT and generated a prompt • Used Wonder Chat to create UI concepts and website designs • Refined everything manually using Wonder's tools and AI features • Used Shader, Wonder Chat, Properties, and other tools • Used Figma templates as references • Explored different Wonder features and workflows • Generated images using Wonder Chat • Used Opus and Fable for generation

🙌 Others:

• Uploaded webpage screenshots and used Wonder Chat to recreate similar layouts • Used Pinterest for inspiration and images

🎉 Wonder MCP:

• Connected Wonder MCP with Claude • Claude helped create parts of the website • Used GitHub to publish the website

TourMe Website: https://aymdaking.github.io/TourMe1122/

Wonder File (Check page 1 and Page 2): https://app.wonder.so/angelo-pacaanas/files/019f21e1-b614-7ae0-96ce-16e3fb4f1b80

🧠 UNEXPECTED:

• I didn't expect copying designs from Figma to Wonder to be so easy • There are many Shader modes to choose from • Prompt-to-UI worked even without UI design experience • Wonder MCP worked smoothly with Claude • Wonder Chat is more than a UI generator—it also helps answer questions and guide ideas • Multiple image generation models are available (my favorite is Nano Banana) • Easy to move, edit, and rearrange elements • Lots of useful tools that are simple to learn and use

wonderchallenge uidesign wonderdesign UI Design Content Creation Figma Wonder

Vl Ad

• Jul 7

AI didn't replace creativity here—it amplified it. That's the coolest part. 🧠✨

Chris Nijhof

max

• Jul 7

Interface cards for a recent product design project, what would be the best direction? Dark Mode or Light Mode? ⚡️

Figma ui Product Design

69 voted

68%

32 voted

32%

101 votes

Closed

Sunday Ayomide

• Jul 7

Both look great, but i will go for the dark mode

Artur Kovelskyi

• Jul 7

I am not a logo designer and not an icon designer, but...

When there is an opportunity (and vision) I always try to help the client - as a small bonus to the main task.

Here is one example. Which one is better?

uiuxdesigner Figma Icon

4 voted

13%

28 voted

87%

32 votes

Closed

Maty Sandoval

max

• Jul 7

After, easily. The gradient card + rounded Pokeball reads so much cleaner at small sizes, the before version's flat white/blue split gets muddy once you shrink it to an actual home screen icon. Was this an unpaid "extra" you pitched to the client, or did they specifically ask for icon options?