Package Page Design: Examples and Templates
A packages page shows what you sell as clear bundles: a few tiers, what each includes, the price and a button to buy or book. Below are 10 package page designs, from website pricing packages with comparison tables to travel and tour package layouts, plus what makes a good package page.
Every template on this page:
- Editable in Adobe Photoshop (PSD); the website designs also include Adobe XD files
- Website designs: RGB, for screens. Flyers: A4, CMYK, 300 DPI, for print
- Free fonts
- Preview photos are not included in the download.
What is a package page?
A package page (or packages page) presents a business’s services or products as ready-made bundles, usually two to four tiers, each with a name, a list of what is included, a price and a call to action.
Agencies, SaaS products, photographers, gyms and wedding planners use package pages to sell services. Travel agencies use them for tour packages, where each package is a trip with a destination, duration, inclusions and a price per person. In both cases the job is the same: help the visitor compare options quickly and pick one.
What makes a good package page?
- Few, clearly named tiers. Three packages is the sweet spot; name them by who they are for (Personal, Business, Enterprise) or by size.
- A highlighted recommendation. Raise, outline or color the package you want most people to buy, like several designs below.
- Inclusions as a checklist. Short lines with check marks, in the same order in every tier, so differences are easy to spot.
- Clear price and terms. Show the price large, with the billing period or “per person” next to it.
- One call to action per package. Book Now, Get Started or Subscribe, in the same place on every card.
- A comparison table for details. Put the full feature list in a table under the cards instead of overloading the cards.
- Trust and answers. Add reviews, guarantees and a short FAQ under the packages to remove the last doubts.
Package page layouts compared
| Layout | How it works | Best for |
|---|---|---|
| Tier cards | Three or four side-by-side cards with price, inclusions and a button | Services and subscriptions with simple differences |
| Cards + comparison table | Tier cards on top, a full feature table with checks below | Software and services with many features |
| Tabs + details panel | Pick a package tab, see its details in one panel | Packages with long inclusion lists |
| Travel package page | Big destination photo, price badge, inclusions, Book Now | Tours, holidays and hotel packages |
| Package grid | Many small packages with photo and price in a grid | Menus, product bundles, event packages |
Website package and pricing page designs
Package sections for a website: tier cards with prices, inclusions and buttons, some with a full comparison table. These are UI designs to hand to a developer or rebuild in your site builder.
1. Professional Website Package
A full page section titled “Choose Your Best Plan” with three tiers (Student $100, Pro $200, Company $500). The middle tier has an orange outline and button, so it reads as the recommended package.
Website UI · PSD + Adobe XD · RGB · Bootstrap 1140px grid
2. Licensed Package
“Package to suit your plan” with a monthly or annual billing toggle, four blue tier cards (Base, Starter, Premium, Enterprise) and a feature comparison table with check marks below.
Website UI · PSD + Adobe XD · RGB
3. Digital Business Development Package
Four package tabs (Personal, Basic, Profesional, Company) with the selected one raised in blue, and a details panel below that lists what the package includes, plus a purple Get Started button.
Website UI · PSD + Adobe XD · RGB · Bootstrap 1140px grid
4. List Package
Four columns from a free Basic plan to a blue Enterprise plan, with the Professional column raised and tagged as recommended. Each lists its inclusions with check marks above a Get Started button.
Website UI · PSD + Adobe XD · RGB
5. Price of Template Package
Four packages (Free Individual, Basic Customer, Professional, Company Team) with magenta price tags and rows of green checks and red crosses, so the differences are visible at a glance.
Website UI · PSD + Adobe XD · RGB · Bootstrap 1140px grid
Travel and tour package designs
Travel packages sell a destination first and a price second. These flyers show how to combine a strong photo, the package price, what is included and a booking call to action; the same layout works as a travel package web page.
6. Tour and Travel Package
“Let’s Go Travel” with London photos, a red Save 50% badge, two package prices and an orange Book Now button above a QR code.
A4 flyer · layered PSD · CMYK, 300 DPI
7. Holiday Package
“Plan Your Holiday” with a beach photo, three round destination photos, an $850 price and a short list of what the holiday package includes.
A4 flyer · layered PSD · CMYK, 300 DPI
8. Travel Tour Package
A waterfall photo with round thumbnails, a green “Pack Travel” price badge and three columns for services, package details and booking.
A4 flyer · layered PSD · CMYK, 300 DPI
Other package flyers
The package idea works for any business that sells bundles: food sets, interior design packages, photo sessions and more.
9. Package for Iftar Menu
Six menu packages in a grid, each with a food photo and its own price, inside an arched frame on navy, with a 30% discount button. A clear example of showing many packages side by side.
A4 flyer · layered PSD · CMYK, 300 DPI
10. House Interior Package
“New Home Interior Collection” with a room photo, two design options shown as rounded photo cards and a short “Why choose us” list.
A4 flyer · layered PSD · CMYK, 300 DPI
Travel package page tips
- Lead with the destination photo. People buy the place first; the price comes second.
- Show duration and price together. For example “4 days, 3 nights from $1,400 per person”.
- List inclusions and exclusions. Flights, hotel, meals, transfers, guides and entry tickets, plus what is not included.
- Add a day-by-day itinerary on the package detail page, and keep the overview page short.
- Make booking easy. A visible Book Now button, a phone or WhatsApp number and, on print, a QR code to the booking page.
- Compare packages. If you offer several trips or room types, a small comparison table helps people choose.
For more tier layouts see our pricing table design templates, for full page ideas see our landing page inspiration, and for print promotions see our flyer design templates.
Frequently asked questions
What is a packages page?
A page on a website, or a printed flyer, that presents services or products as bundles with a name, inclusions, a price and a call to action, so customers can compare options and choose one.
What makes a good package site?
Two to four clearly named packages, a highlighted recommended option, inclusions shown as a checklist, a clear price with its terms, one button per package, and a comparison table and FAQ for details.
How many packages should a package page have?
Usually three. One or two give too little choice, and more than four makes comparison hard. If you have many products, use a grid like the Iftar menu example.
What should a travel package page include?
A destination photo, the package name, duration, price per person, what is included and excluded, a short itinerary or highlights, and a clear way to book.
Can I use these templates on my website?
The pricing designs are website UI files in Photoshop and Adobe XD, made to be built into a site by a developer or recreated in your site builder. The travel and other package designs are A4 print flyers in Photoshop, which you can also export for social media.
Need more package designs?
Browse the full pricing table collection for more package and tier layouts.