Hier entsteht Raum für Arbeiten, die Haltung zeigen – direkt, individuell und mit Charakter.
Hier entsteht Raum für Arbeiten, die Haltung zeigen – direkt, individuell und mit Charakter.
BALD ERHÄLTLICH
DIE NÄCHSTE SEITE WIRD DUNKLER.
DEIN PORTFOLIO BEGINNT HIER.
SCHWARZ. ROT. OHNE KOMPROMISSE.
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.
