My Framer Site

THE JOKER · SELECTED WORK

TATTOO GALLERY.

A living index of tattoo work from The Joker Tattoo & Piercing Gallery, Ulm.

YOUR NEXT PIECE STARTS HERE.

Tell us about your idea, preferred placement and reference images. The studio will guide the next step.

BOOK A TATTOO

MASTER PROMPT — THE JOKER TATTOO & PIERCING GALLERY ULM IMPORTANT: BUILD THE COMPLETE WEBSITE, NOT ONLY THE HOMEPAGE. Do NOT create a single-page website. Do NOT stop after creating the homepage. Do NOT leave pages as placeholders. Create the complete multi-page website with all required pages, CMS collections, dynamic pages, booking interfaces, animations, responsive layouts and localization. The website is for: THE JOKER TATTOO & PIERCING GALLERY Neue Straße 76/78 89073 Ulm Germany ================================================== 1. RESEARCH REAL BUSINESS INFORMATION ================================================== Use the official website and the following Planity page as information sources: https://www.planity.com/de-DE/the-joker-tattoo-gallery-piercing-89073-ulm Research and use current verified information about: - Business name - Address - Phone - Email - Opening hours - Tattoo services - Piercing services - Service durations - Public prices - Booking information - Reviews - Studio information - Social media - Current offers - Events - Walk-ins if available - Other publicly available business information Use official sources first. Use Planity as an additional source. Do NOT invent information. Do NOT invent: - Artists - Prices - Reviews - Awards - Opening hours - Services - Qualifications - Promotions - Social media accounts - Booking availability If information cannot be verified, create an editable CMS field or leave it out. ================================================== 2. IMPORTANT — ARTISTS ================================================== DO NOT copy the existing Planity artist list as the final artist structure. The website must support MANY artists. Create a flexible Artist CMS. The owner must be able to add unlimited artists later. Each artist can have: - Name - Profile photo - Hero image - Biography - Country - City - Specialty - Tattoo styles - Portfolio - Videos - Instagram - TikTok - YouTube - Spotify if relevant - Booking link - Services - Availability Every artist automatically receives an individual page. Example: /artists /artists/artist-name Do not invent artists. ================================================== 3. COMPLETE WEBSITE — ALL PAGES ================================================== Create REAL separate pages/routes for: MAIN: 1. Home 2. About 3. Studio 4. Team 5. Contact 6. Location ARTISTS: 7. Artists 8. Individual Artist Profile 9. Artist Portfolio 10. Artist Booking TATTOO: 11. Tattoo 12. Tattoo Styles 13. Tattoo Gallery 14. Tattoo Portfolio Detail 15. Tattoo Booking 16. Tattoo Consultation PIERCING: 17. Piercing 18. Piercing Types 19. Piercing Gallery 20. Jewelry 21. Piercing Detail 22. Piercing Booking SERVICES: 23. Services 24. Prices 25. Booking 26. Appointment Booking 27. Book a Call CONTENT: 28. News 29. News Categories 30. News Article 31. Artist News 32. Studio News EVENTS: 33. Events 34. Event Detail 35. Upcoming Events 36. Past Events GALLERY: 37. Tattoo Gallery 38. Piercing Gallery 39. Jewelry Gallery 40. Artist Gallery 41. Studio Gallery 42. Gallery Detail INFORMATION: 43. FAQ 44. Tattoo Aftercare 45. Piercing Aftercare 46. Reviews 47. Guest Artists 48. Walk-In Information LEGAL: 49. Impressum 50. Privacy Policy 51. Cookie Policy 52. Terms & Conditions All pages must be fully designed. Do not create empty pages. ================================================== 4. HOMEPAGE ================================================== Create a cinematic premium homepage. Hero: THE JOKER TATTOO & PIERCING GALLERY Use large professional tattoo and piercing photography. Include: - Cinematic hero - Featured artists - Featured tattoos - Featured piercings - Services - Tattoo styles - Latest work - News - Events - Reviews - Studio information - Location - Booking CTA - Contact CTA Main CTA: BOOK NOW Secondary CTA: EXPLORE ARTISTS ================================================== 5. ARTISTS ================================================== Create a premium artist directory. Include: - Search - Filter - Artist categories - Tattoo styles - Artist location - Featured artists Artist cards: - Photo - Name - Specialty - Style - Country/city - View Artist Every artist gets a dedicated CMS page. ================================================== 6. ARTIST PROFILE ================================================== Every artist page must contain: - Full-screen hero - Artist name - Biography - Specialty - Tattoo styles - Portfolio - Gallery - Videos - Social media - Services - Booking CTA - Related artists CTA: BOOK WITH THIS ARTIST ================================================== 7. TATTOO ================================================== Create a complete tattoo section. Include: - Custom tattoos - Verified tattoo styles - Tattoo consultation - Tattoo process - Portfolio - FAQ - Aftercare - Booking Only display tattoo styles that are verified. ================================================== 8. PIERCING ================================================== Create a complete piercing section. Include: - Piercing services - Piercing types - Jewelry - Piercing portfolio - Booking - Aftercare - FAQ Only display verified services. ================================================== 9. GALLERY ================================================== Create premium galleries for: - Tattoos - Piercings - Jewelry - Artists - Studio - Behind the scenes Use real studio/artist images where legally available. Use: - Masonry layouts - Full-screen image viewer - Image transitions - Hover effects - Artist information ================================================== 10. SERVICES & PRICES ================================================== Use verified current information from Planity and official sources. Create: SERVICES PRICES Show: - Service - Duration - Starting price where verified - Description - Booking button Prices must be editable through CMS. Never invent prices. ================================================== 11. REAL ONLINE BOOKING ================================================== VERY IMPORTANT: Customers must be able to book appointments directly through the website. Do NOT create only a contact form. Create a complete booking experience. Flow: STEP 1 Choose service STEP 2 Choose artist STEP 3 Choose date STEP 4 Choose available time STEP 5 Enter customer information STEP 6 Review booking STEP 7 Confirm appointment ================================================== 12. BOOKING INFORMATION ================================================== Collect: First name Last name Email Phone Service Artist Date Time Message For tattoos also collect: Tattoo idea Body placement Approximate size Style Color / Black & Grey Reference images For piercing: Piercing type Jewelry preference Additional information Only display relevant fields. ================================================== 13. REAL AVAILABILITY ================================================== IMPORTANT: Do NOT create fake availability. The booking system must use a real calendar or booking backend. Possible integration: - Existing booking system - Planity if technically supported - Google Calendar - Microsoft Outlook Calendar - Other calendar/booking API - Webhook - External scheduling system The flow should be: WEBSITE ↓ SERVICE ↓ ARTIST ↓ DATE ↓ REAL AVAILABILITY ↓ TIME ↓ CUSTOMER ↓ CONFIRMATION ↓ CALENDAR ↓ EMAIL Prevent double bookings. ================================================== 14. BOOKING EMAIL ================================================== After a successful booking, send an email notification to the studio. Email must contain: NEW BOOKING — THE JOKER Customer name Email Phone Service Artist Date Time Duration Price Tattoo idea Placement Style Message Reference images The studio must receive the booking notification. ================================================== 15. CUSTOMER CONFIRMATION EMAIL ================================================== Send a confirmation email to the customer. Include: Appointment Service Artist Date Time Location Address Booking reference Contact information Only call the appointment "confirmed" after the booking backend actually confirms it. ================================================== 16. BOOK A CALL ================================================== Create: BOOK A CALL Allow the customer to select: - Phone call - Video call - In-person Then: - Date - Time - Name - Email - Phone - Message Only show real availability if connected to a real calendar. ================================================== 17. CONTACT ================================================== Create an interactive contact page. Question: HOW CAN WE HELP YOU? Options: BOOK A TATTOO BOOK A PIERCING TATTOO CONSULTATION ARTIST QUESTION PIERCING QUESTION JEWELRY GENERAL QUESTION BOOK A CALL The form should change dynamically based on the selected option. ================================================== 18. NEWS / JOURNAL ================================================== Create a premium editorial magazine. Categories: - Tattoo - Piercing - Artists - New Work - Studio News - Events - Interviews - Behind the Scenes - Promotions Every article gets its own dynamic page. ================================================== 19. EVENTS ================================================== Create: Upcoming Events Past Events Guest Artists Guest Spots Special Events Promotions Walk-In Days Only display verified events. Every event gets its own page. ================================================== 20. REVIEWS ================================================== Use genuine public reviews only. Never invent testimonials. Display the source of reviews where appropriate. ================================================== 21. FAQ ================================================== Create questions about: - Booking - Tattoos - Piercings - Prices - Artists - Consultations - Walk-ins - Preparation - Aftercare - Cancellation - Appointments Answers must be based on verified business information. ================================================== 22. AFTERCARE ================================================== Create: TATTOO AFTERCARE PIERCING AFTERCARE Use accurate professional information. Do not make unsupported medical claims. ================================================== 23. LOCATION ================================================== Show: THE JOKER TATTOO & PIERCING GALLERY Neue Straße 76/78 89073 Ulm Germany Include: - Map - Directions - Phone - Email - Opening hours - Booking Opening hours must be editable from one central CMS/business-information source. ================================================== 24. MULTI-LANGUAGE ================================================== The COMPLETE website must support: DE — German EN — English ES — Spanish FR — French IT — Italian PT — Portuguese Do not translate only the homepage. Translate: - Every page - Artists - Artist profiles - Services - Prices - Gallery - News - Events - FAQ - Booking - Contact - Forms - Confirmation messages - Footer - Navigation - SEO metadata Language selector: DE / EN / ES / FR / IT / PT Keep users on the same page when switching languages whenever possible. ================================================== 25. CMS ================================================== Create CMS collections for: Artists Services Tattoo Styles Tattoo Portfolio Piercing Types Piercing Portfolio Jewelry Prices News Events Reviews Team Guest Artists Studio Gallery Also create centralized business information: Business name Address Phone Email Opening hours Booking URL Social media Map Description ================================================== 26. NAVIGATION ================================================== Global navigation: HOME ARTISTS TATTOO PIERCING GALLERY SERVICES NEWS EVENTS ABOUT CONTACT CTA: BOOK NOW Secondary: BOOK A CALL Navigation must work on EVERY page. ================================================== 27. FOOTER ================================================== Every page must contain the premium footer. Include: Business information Address Phone Email Opening hours Booking Social media Navigation Language selector Impressum Privacy Cookie Policy Terms ================================================== 28. ANIMATIONS ================================================== The entire website must be animated. Use: - Smooth page transitions - Scroll animations - Text reveals - Image reveals - Parallax - Hover effects - Gallery transitions - Artist transitions - Button animations - Menu animations - Form animations - Booking animations - Calendar animations Animations must be premium, cinematic and smooth. Do not use childish animations. Respect reduced-motion accessibility settings. ================================================== 29. DESIGN ================================================== The website should look like a: $100,000+ luxury international tattoo gallery website. Style: - Premium - Cinematic - Dark - Editorial - Artistic - Modern - Minimal - High-end Colors: Black White Dark grey Subtle premium accent Use: - Huge typography - Full-screen photography - Asymmetrical layouts - Editorial compositions - Cinematic video - Premium spacing Avoid: - Generic templates - Cheap gradients - Generic stock photos - Basic three-column cards everywhere - Amateur tattoo-shop design - Excessive rounded cards - Cheap visual effects ================================================== 30. MOBILE ================================================== Create a dedicated mobile design. Optimize: - Navigation - Hero - Artists - Galleries - Booking - Forms - Calendar - Images - Animations Make BOOK NOW easily accessible on mobile. ================================================== 31. SEO ================================================== Optimize the complete website for: Tattoo Ulm Tattoo Studio Ulm Tattoo Artist Ulm Piercing Ulm Piercing Studio Ulm Tattoo Baden-Württemberg Piercing Baden-Württemberg Create localized SEO metadata for every language. Every page needs: - SEO title - Meta description - Open Graph image - Alt text - Clean URL - Correct headings - Internal links ================================================== 32. PERFORMANCE ================================================== Keep the website fast despite the animations. Optimize: - Images - Videos - Fonts - Animations - CMS - Mobile loading Use lazy loading where appropriate. ================================================== 33. LEGAL ================================================== Create separate pages for: Impressum Datenschutz / Privacy Policy Cookie Policy Terms & Conditions Do not invent legal company information. Leave editable fields for the business owner where required. ================================================== 34. FINAL QUALITY CONTROL ================================================== Before finishing, verify: ALL PAGES EXIST. ALL NAVIGATION WORKS. ALL CMS COLLECTIONS EXIST. ALL ARTIST PAGES WORK. ALL NEWS PAGES WORK. ALL EVENT PAGES WORK. ALL GALLERY PAGES WORK. ALL BOOKING BUTTONS WORK. ALL FORMS WORK. ALL MOBILE PAGES WORK. ALL LANGUAGES ARE PREPARED. ALL PAGES HAVE SEO SETTINGS. ALL PAGES HAVE FOOTERS. ALL PAGES HAVE NAVIGATION. NO PAGE IS EMPTY. NO PAGE SAYS "COMING SOON". NO FAKE ARTISTS. NO FAKE REVIEWS. NO FAKE PRICES. NO FAKE BOOKING AVAILABILITY. NO FAKE BUSINESS INFORMATION. ================================================== FINAL INSTRUCTION ================================================== BUILD THE COMPLETE WEBSITE NOW. DO NOT BUILD ONLY THE HOMEPAGE. DO NOT BUILD ONLY ONE PAGE. DO NOT STOP AFTER THE FIRST PAGE. CREATE THE ENTIRE MULTI-PAGE WEBSITE. The final result must feel like a premium $100,000+ professional agency website for: THE JOKER TATTOO & PIERCING GALLERY ULM The customer journey must be: DISCOVER → EXPLORE → CHOOSE ARTIST → VIEW PORTFOLIO → CHOOSE SERVICE → SELECT DATE → SELECT REAL AVAILABLE TIME → BOOK → RECEIVE CONFIRMATION Make the website scalable so the business can add many artists, tattoos, piercings, news articles and events without redesigning the website.