← All blocks

Project showcase in alternating rows

portfolio · alternating-large-rows · portfolio-project-showcase

npx shadcn@latest add @plus-ui/portfolio-project-showcase

Default content

{
  "eyebrow": "Featured projects",
  "title": "Four products, start to finish",
  "description": "Research, design and launch, side by side with the client's own team. These are the engagements we point new clients to first.",
  "allLabel": "All work",
  "filterLabel": "Filter by discipline",
  "labels": {
    "client": "Client",
    "year": "Year",
    "disciplines": "Disciplines",
    "outcome": "Outcome",
    "view": "View case study"
  },
  "projects": [
    {
      "title": "A checkout built around the delivery date",
      "client": "ostrelo",
      "year": "2026",
      "disciplines": [
        "Product design",
        "Research"
      ],
      "summary": "Redesigned checkout and the mobile app so shoppers see a firm delivery window before they pay.",
      "outcome": "+18% checkout conversion",
      "image": {
        "src": "https://images.unsplash.com/photo-1586953208448-b95a79798f07?auto=format&fit=crop&w=1600&h=1200&q=80",
        "alt": "A phone showing Ostrelo's redesigned shopping app"
      },
      "href": "#"
    },
    {
      "title": "A showroom for a timber house builder",
      "client": "mosswell",
      "year": "2024",
      "disciplines": [
        "Web",
        "Brand identity"
      ],
      "summary": "Editorial site and configurator for Mosswell's prefabricated timber homes, from first sketch to signed order.",
      "outcome": "3× enquiries per visit",
      "image": {
        "src": "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1600&h=1200&q=80",
        "alt": "A modern timber and glass house lit at dusk"
      },
      "href": "#"
    },
    {
      "title": "An identity that scales to 214 components",
      "client": "pellora",
      "year": "2025",
      "disciplines": [
        "Brand identity",
        "Design systems"
      ],
      "summary": "New type, colour and illustration system for Pellora, documented as a library their four product teams share.",
      "outcome": "4 teams, one library",
      "image": {
        "src": "https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=1600&h=1200&q=80",
        "alt": "Printed colour swatches from the Pellora identity studies"
      },
      "href": "#"
    },
    {
      "title": "Packaging and launch for a headphone line",
      "client": "talvik",
      "year": "2024",
      "disciplines": [
        "Brand identity",
        "Web"
      ],
      "summary": "Naming, packaging and the launch site for Talvik's first over-ear headphones, sold out in eleven days.",
      "outcome": "Sold out in 11 days",
      "image": {
        "src": "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?auto=format&fit=crop&w=1600&h=1200&q=80",
        "alt": "Black over-ear headphones on a saturated yellow backdrop"
      },
      "href": "#"
    }
  ],
  "action": {
    "label": "See all work",
    "href": "#",
    "variant": "secondary"
  }
}