Campari: An AI Case Study
Project
Prompt: create an interactive design project for the brand Campari
ChatPGT:
Project Title: "Campari Cocktail Creator"
Objective:
Create an interactive design project for the brand Campari that engages users in a creative and immersive experience, highlighting the brand's iconic cocktails and their unique flavors. The project aims to educate users about Campari's products while inspiring them to mix their own Campari cocktails.
Project Components:
1. Interactive Website:
- Develop a visually appealing and user-friendly website dedicated to Campari.
- The homepage should introduce users to the world of Campari, its history, and its range of products.
- Include a visually striking image or video background showcasing Campari cocktails being prepared.
2. Cocktail Recipe Generator:
- Create an interactive tool that allows users to explore and customize Campari cocktail recipes.
- Users can select their preferred type of cocktail (e.g., Negroni, Americano, Campari Spritz) from a menu.
- Provide options to adjust the strength, sweetness, and bitterness levels of the cocktail to match individual preferences.
- The tool should recommend specific Campari products and ingredient quantities for the chosen recipe.
3. Ingredient Showcase:
- Build an interactive section where users can learn about Campari's key ingredients and their origins.
- Include engaging visuals, interactive infographics, and brief descriptions for each ingredient.
4. Virtual Mixology Class:
- Host a series of live or pre-recorded virtual mixology classes featuring professional bartenders.
- Teach users how to prepare Campari cocktails step by step, emphasizing techniques and presentation.
- Allow users to interact with the mixologists by asking questions or requesting personalized tips.
5. User-Generated Content Hub:
- Encourage users to share their own Campari cocktail creations and experiences.
- Create a social media feed or dedicated section where users can upload photos and videos of their cocktails.
- Hold contests or challenges with Campari-themed prizes to incentivize participation.
6. Augmented Reality (AR) Experience:
- Develop an AR app or feature that allows users to virtually place Campari cocktails on their surroundings.
- Users can "try out" different cocktails in their own homes using their smartphones or tablets.
7. Gamification:
- Incorporate gamification elements such as quizzes, challenges, or trivia to test users' knowledge about Campari.
- Offer rewards or badges for completing challenges or achieving certain milestones.
8. User Engagement Analytics:
- Implement analytics to track user engagement, time spent on the website, and the popularity of different cocktails and content.
- Use this data to refine and improve the user experience over time.
9. Social Media Integration:
- Integrate social media sharing buttons and encourage users to share their favorite Campari cocktails and experiences on their profiles.
10. Mobile Optimization:
- Ensure that the project is responsive and optimized for mobile devices to reach a broader audience.
By creating the "Campari Cocktail Creator" interactive design project, the brand can engage with users in a fun and informative way, fostering a deeper connection with the Campari brand and its products while also encouraging them to enjoy Campari cocktails responsibly.
note from Allison:
With a simple prompt, I was able to generate several ideas for features within a fictional Campari app.
Wireframes
Prompt: list specific wireframes for this product
ChatPGT:
Creating wireframes for an interactive design project like the "Campari Cocktail Creator" can help visualize the layout and structure of the website and its components.
Here's a list of specific wireframes for various sections of the project:
1. Homepage Wireframe:
- Header with Campari logo, navigation menu, and search bar.
- Hero section with a large background image or video showcasing Campari cocktails.
- Brief introduction to Campari and its history.
- Call-to-action (CTA) buttons for exploring cocktails, mixology classes, and more.
2. Cocktail Recipe Generator Wireframe:
- Cocktail selection menu with options for different Campari cocktails.
- Customization panel with sliders for strength, sweetness, and bitterness levels.
- Display of the selected cocktail with ingredients, preparation steps, and recommended Campari products.
- "Mix Now" CTA button to start making the cocktail.
3. Ingredient Showcase Wireframe:
- Grid layout displaying Campari's key ingredients with visuals.
- Brief descriptions and origins of each ingredient.
- Navigation buttons to explore more ingredients or return to the homepage.
4. Virtual Mixology Class Wireframe:
- Video player or streaming area for hosting live or recorded mixology classes.
- Side panel with information about the mixologist and the upcoming class schedule.
- Chat or comment section for user interactions and questions.
- CTA buttons for joining a live class or accessing past recordings.
5. User-Generated Content Hub Wireframe:
- User-submitted content feed with images, captions, and usernames.
- "Share Your Campari Moment" CTA button to encourage user submissions.
- Filters and sorting options to view content by popularity or category.
- Social media sharing buttons for each user-generated post.
6. Augmented Reality (AR) Experience Wireframe:
- Mobile app interface with a camera viewfinder for AR placement.
- Cocktail selection menu with 3D models of Campari cocktails.
- Interaction buttons for placing, rotating, and resizing the AR cocktails.
- Tutorial or guide overlay for first-time users.
7. Gamification Wireframe:
- Quiz or challenge interface with multiple-choice questions or tasks.
- Progress tracker showing the user's score and achievements.
- Leaderboard to compare scores with other users.
- "Earn Badges" section displaying badges and criteria for earning them.
8. User Engagement Analytics Wireframe:
- Dashboard for administrators to view user engagement data.
- Charts and graphs illustrating user activity, popular cocktails, and class attendance.
- Date range filters and export options for data analysis.
9. Social Media Integration Wireframe:
- Social media sharing buttons integrated into user-generated content posts.
- Share pop-up window with pre-filled captions and hashtags.
- Notifications or confirmation messages after sharing.
10. Mobile Optimization Wireframe:
- Layout adjustments and responsive design for mobile devices.
- Navigation menu optimized for touchscreens.
- Ensuring content is easily readable and accessible on smaller screens.
These wireframes will serve as a foundation for the design and development of the "Campari Cocktail Creator" project, helping to create a visually appealing and user-friendly experience for visitors.
Image
Prompt: create wireframes for this app: Project Title:"Campari Cocktail Creator" Objective: Create an interactive design project for the brand Campari that engages users in a creative and immersive experience, highlighting the brand's iconic cocktails and their unique flavors. The project aims to educate users about Campari's products while inspiring them to mix their own Campari cocktails. Project Components: Interactive Website: Develop a visually appealing and user-friendly website dedicated to Campari. The homepage should introduce users to the world of Campari, its history, and its range of products. Include a visually striking image or video background showcasing Campari cocktails being prepared. Cocktail Recipe Generator: Create an interactive tool that allows users to explore and customize Campari cocktail recipes. Users can select their preferred type of cocktail (e.g., Negroni, Americano, Campari Spritz) from a menu. Provide options to adjust the strength, sweetness, and bitterness levels of the cocktail to match individual preferences. The tool should recommend specific Campari products and ingredient quantities for the chosen recipe. Ingredient Showcase: Build an interactive section where users can learn about Campari's key ingredients and their origins. Include engaging visuals, interactive infographics, and brief descriptions for each ingredient. Virtual Mixology Class: Host a series of live or pre-recorded virtual mixology classes featuring professional bartenders. Teach users how to prepare Campari cocktails step by step, emphasizing techniques and presentation. Allow users to interact with the mixologists by asking questions or requesting personalized tips. User-Generated Content Hub: Encourage users to share their own Campari cocktail creations and experiences. Create a social media feed or dedicated section where users can upload photos and videos of their cocktails. Hold contests or challenges with Campari-themed prizes to incentivize participation. Augmented Reality (AR) Experience: Develop an AR app or feature that allows users to virtually place Campari cocktails on their surroundings. Users can "try out" different cocktails in their own homes using their smartphones or tablets. Gamification: Incorporate gamification elements such as quizzes, challenges, or trivia to test users' knowledge about Campari. Offer rewards or badges for completing challenges or achieving certain milestones. User Engagement Analytics: Implement analytics to track user engagement, time spent on the website, and the popularity of different cocktails and content. Use this data to refine and improve the user experience over time. Social Media Integration: Integrate social media sharing buttons and encourage users to share their favorite Campari cocktails and experiences on their profiles. Mobile Optimization: Ensure that the project is responsive and optimized for mobile devices to reach a broader audience. By creating the "Campari Cocktail Creator" interactive design project, the brand can engage with users in a fun and informative way, fostering a deeper connection with the Campari brand and its products while also encouraging them to enjoy Campari cocktails responsibly.
Dall-E:
Prototype
Prompt: generate wireframes that could be made into a prototype
Dall-E: Here are the wireframe images for the "Campari Cocktail Creator" interactive design project. Each wireframe is designed to reflect the specific functionality and layout of the different components within the app, focusing on user engagement and interaction with Campari's brand and products. These wireframes provide a visual guide for developing the app, ensuring a user-friendly and visually appealing experience.
User Flow
Prompt: show a user flow for this product
Dall-E:
note from Allison:
Despite drafting several versions of a very detailed prompt, chatGPT would only generate an overall vision of the “Campari Cocktail Creator.” Generating user flows for this app only created generalized images of user journeys with cocktails and citrus illustrations.
Detail
Prompt: expand the AR wireframes for this product
Dall-E:
Here are the detailed wireframe images for various sections of the "Campari Cocktail Creator" interactive design project. Each wireframe is designed to showcase the specific layout, UI elements, and interactions for different components of the project, including the homepage, cocktail recipe generator, ingredient showcase, virtual mixology class, user-generated content hub, augmented reality (AR) experience, gamification features, user engagement analytics, social media integration, and mobile optimization.
These wireframes provide a visual guide for the development and design process, highlighting the structure and flow of the app to ensure a comprehensive and engaging user experience.
MidJourney
Prompt: interactive design project for the brand Campari
Midjourney:
note from Allison:
I switched to Midjourney to see how a different LLM could approach the prompt. Midjourney was adept at making sleek advertising imagery, but struggled with the word “Campari” and the prompt was too vague to generate wireframes for an interactive app.
Prompt: mobile wireframes for a Campari Cocktail Creator app
Midjourney:
Prompt: mobile wireframe Campari Ingredient Showcase page
Midjourney:
note from Allison:
Refining the prompt further and generating several variations and upscaled versions produced some images of wireframes that could be used in a pitch or presentation.
Real functionality, UX, and UI would need to be mapped out by the designer in order to ship this product to an engineering team. Many critical decisions would still need to be made to bring this hypothetical product to market.
The most valuable results from generative AI were the initial ideas written by chatGPT. This still reduces the effort and time required to imagine an interactive digital product companion for Campari.
Possibly breaking apart the prompt into several, more manageable prompts could result in a series of wireframes that could be built into a prototype, but it would be challenging to create wireframes with visual consistency, as each time a prompt was given to both Dall-E and Midjourney, the style changed.