top of page

Colorful marketing portfolio website design

Mirona is the portfolio of Mariela Mezquita, a Mexico City creative director and founder of a multidisciplinary branding studio that designs identities, packaging, websites and campaigns for food, hospitality, culture and lifestyle brands.

The portfolio spans everything from natural wine labels and restaurant identities to music festivals, hotels, wellness brands and consumer products. Featured clients include the Carnada natural wine label, Bahidorá music festival and a wide range of independent businesses that rely on bold visual storytelling and tactile brand design.


Ready to build your own design studio portfolio website?



Marketing portfolio website design

The homepage skips the typical hero section and introduction entirely. Instead, visitors land directly on a dense grid of project thumbnails that can be filtered by Brands, Products and Places. This puts the work front and center from the first second, making the portfolio feel more like a curated gallery than a traditional agency website.

Many thumbnails use subtle motion or animated GIFs, giving the page energy without overwhelming it. Each project is labeled with a short uppercase caption that identifies the client, making dozens of projects quick to scan. Because every thumbnail is displayed at the same size with consistent spacing, no single project dominates. Instead, the portfolio communicates the studio's range and consistency before visitors open a case study.

marketing portfolio example

The edge-to-edge grid creates a strong visual rhythm, while the simple navigation—just Projects, Info and a link to the studio's Club—keeps distractions to a minimum. The category filters work instantly without sending visitors to another page, making it easy to browse a large body of work without losing context.

Opening a project completely changes the pace. Instead of the busy gallery view, each case study becomes a long, editorial-style page with large photography, packaging mockups, illustrations and concise explanations of the design challenge and creative direction. This contrast helps each project stand on its own while giving visitors a better understanding of the studio's process.

The creative director behind the design studio

Mariela Mezquita founded the business in 2017 as Mariela Mezquita Studio before rebranding it as Mirona in 2025. As the team grew beyond a solo practice, the new name reflected a collaborative studio rather than a single designer. Today, Mirona works with more than 100 clients worldwide and focuses on thoughtful branding, packaging, illustration, web design and strategy for businesses that value purposeful design.

Mariela continues to lead the studio as founder and creative director. Mirona's work has been featured in publications including Counter-Print and Victionary, and Mariela has spoken at industry events such as Adobe Live on sustainable packaging and branding.

portfolio about page example

Who this website is a good example for

  • Branding and design studios: Mirona is a digital marketing portfolio example for studios that juggle very different clients, from a padel club to a CBD brand. The category filters prove range without making anyone wade through the whole archive at once.

  • Marketing and creative agencies: The grid-first build is a useful model for marketing agency website examples that need to show volume fast. Lead with thumbnails, hold the copy back, and let the spread of work do the talking.

  • Freelance designers and illustrators: Solo creatives can borrow the bold, caption-light layout to look established without a sprawling site. It works as a marketing website example where a strong visual rhythm beats long write-ups.

Marketing portfolio design tips

  • Open on the work, not a headline: Mirona skips the hero banner and drops you straight into the grid. If your projects are visual, let them load first and save the positioning line for the about page.

  • Mix motion into a still grid: A handful of GIFs among the thumbnails make the page feel alive without a video background. Keep the backdrop neutral so the movement reads as energy, not clutter.

  • Caption with the client and the idea: Each tile names the brand and its angle in a few uppercase words. That single line sets context fast and primes the full case behind the click.

  • Filter a deep catalog by type: Sorting into brands, products and places turns a long marketing portfolio into three quick paths. Visitors self-select instead of scrolling past work that does not apply to them.

  • Slow down inside the case pages: After the busy grid, each project opens into a quiet long-scroll with mockups and detail. The contrast makes individual marketing agency website examples feel considered rather than rushed.

Learn more:


Website design


More inspiration

Neptune's Taphouse and Eatery website example

Neptune's Taphouse and Eatery

Neptune's Taphouse and Eatery

Yantra website example

Yantra

Ginger Thai Dallas website example

Ginger Thai Dallas

Ginger Thai Dallas

Ready to turn inspiration into reality?

bottom of page