---
title: "Mini Melissa | Luis Krötz"
type: project
route: "/portfolio/mini-melissa"
locale: en
language: "en"
canonical: "https://luiskr.com/portfolio/mini-melissa"
markdown: "https://luiskr.com/llm/en/portfolio/mini-melissa.md"
json: "https://luiskr.com/llm/en/portfolio/mini-melissa.json"
generated: 2026-10-28T14:52:03.674Z
policy: "ai-train=yes, search=yes, ai-input=yes"
---

# Mini Melissa | Luis Krötz

[cover video](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/website/minimelissa.com.br-31-03-19.mp4) — poster: https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/website/minimelissa.com.br-31-03-19.mp4.jpg-thumb.jpg

Mini Melissa was a project developed at Transa for the Grendene Group as a dedicated channel for the Mini Melissa brand.

The project ran from 2018 to 2020 and was built entirely with jQuery, CSS (Less), and PHP (Laravel).

The site featured a content feed and a social feed on the homepage, with infinite scroll leading to exclusive Mini Melissa content.

The 'where to find' page was built with the Google Maps API as a central hub to locate all Mini Melissa stockists and Mini Melissa clubs in Brazil and around the world.

Speaking of collections, here are some of Mini Melissa's collections:

'Color me' , Spring/Summer collection of 2020, developed with the candy framework , CSS and HTML only.

'Dance Machine' , Autumn/Winter collection of 2016, developed with the candy framework , CSS and HTML only.

'Dreamers' , Autumn/Winter collection of 2020, developed with the candy framework , CSS and HTML only.

'Family' , Spring/Summer collection of 2019, developed with the candy framework , CSS and HTML only.

'Flygrl' , Autumn/Winter collection of 2017, developed with the candy framework , CSS and HTML only.

'Mapping' , Spring/Summer collection of 2018, developed with the candy framework , CSS and HTML only.

'Mashup' , Spring/Summer collection of 2017, developed with the candy framework , CSS and HTML only.

'Mirror' , Autumn/Winter collection of 2019, developed with the candy framework , CSS and HTML only.

'Open Vibes' , Autumn/Winter collection of 2018, built with CSS and HTML only, the first collection page on the Mini Melissa website.

'Open Vibes' was the page that sparked the idea for Mini Melissa's candy framework , created in response to the need to develop high-quality, pixel-perfect collection pages in a short time.

'Wanna be Carioca' , Spring/Summer collection of 2016, developed with the candy framework , CSS and HTML only.

## Media

- [video: Mini Melissa: mobile tour](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/website/minimelissa.com.br-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/website/minimelissa.com.br-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- ![Mini Melissa: Feed cover](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/website/mini-melissa-cover-2020-mozjpg-uncompressed.jpg)
- ![Mini Melissa: Feed screenshot 2020](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/website/mini-melissa-feed-2020-mozjpg-uncompressed.jpg)
- [video: Mini Melissa: Where to find](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/where-to-find/mini-melissa-onde-encontrar-2020.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/where-to-find/mini-melissa-onde-encontrar-2020.mp4.jpg-thumb.jpg
- [video: Mini Melissa: where to find, mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/where-to-find/minimelissa.com.br-onde-encotrar-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/where-to-find/minimelissa.com.br-onde-encotrar-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Color Me](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/color-me-ss20/minimelissa-ss20.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/color-me-ss20/minimelissa-ss20.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Color Me mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/color-me-ss20/minimelissa-ss20-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/color-me-ss20/minimelissa-ss20-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Dance Machine](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/dance-machine-aw16/minimelissa.com.br-aw16-31-03-19.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/dance-machine-aw16/minimelissa.com.br-aw16-31-03-19.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Dance Machine mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/dance-machine-aw16/minimelissa.com.br-aw16-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/dance-machine-aw16/minimelissa.com.br-aw16-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Dreamers](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/dreamers-aw20/minimelissa-aw20.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/dreamers-aw20/minimelissa-aw20.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Dreamers mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/dreamers-aw20/minimelissa-aw20-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/dreamers-aw20/minimelissa-aw20-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Family](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/family-ss19/minimelissa.com.br-SS19-31-03-19.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/family-ss19/minimelissa.com.br-SS19-31-03-19.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Family mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/family-ss19/minimelissa.com.br-SS19-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/family-ss19/minimelissa.com.br-SS19-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Flygrl](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/flygrl-aw17/minimelissa.com.br-aw17-31-03-19.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/flygrl-aw17/minimelissa.com.br-aw17-31-03-19.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Flygrl mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/flygrl-aw17/minimelissa.com.br-aw17-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/flygrl-aw17/minimelissa.com.br-aw17-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Mapping](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mapping-ss18/minimelissa.com.br-ss18-31-03-19.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mapping-ss18/minimelissa.com.br-ss18-31-03-19.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Mapping mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mapping-ss18/minimelissa.com.br-ss18-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mapping-ss18/minimelissa.com.br-ss18-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Mashup](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mashup-ss17/minimelissa.com.br-ss17-31-03-19.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mashup-ss17/minimelissa.com.br-ss17-31-03-19.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Mashup mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mashup-ss17/minimelissa.com.br-ss17-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mashup-ss17/minimelissa.com.br-ss17-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Mirror](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mirror-aw19/minimelissa.com.br-aw19-31-03-19.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mirror-aw19/minimelissa.com.br-aw19-31-03-19.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Mirror mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mirror-aw19/minimelissa.com.br-aw19-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/mirror-aw19/minimelissa.com.br-aw19-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Open Vibes](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/open-vibes-aw18/aw18.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/open-vibes-aw18/aw18.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Open Vibes mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/open-vibes-aw18/minimelissa.com.br-aw18-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/open-vibes-aw18/minimelissa.com.br-aw18-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Wanna be Carioca](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/wanna-be-carioca-ss16/minimelissa.com.br-ss16-31-03-19.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/wanna-be-carioca-ss16/minimelissa.com.br-ss16-31-03-19.mp4.jpg-thumb.jpg
- [video: Mini Melissa: Wanna be Carioca mobile](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/wanna-be-carioca-ss16/minimelissa.com.br-ss16-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/collections/wanna-be-carioca-ss16/minimelissa.com.br-ss16-31-03-19-1-mobile.mp4.jpg-thumb.jpg

## Media deep links

- [Mini Melissa: mobile tour](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-mobile-tour.md)
- [Mini Melissa: Feed cover](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-feed-cover.md)
- [Mini Melissa: Feed screenshot 2020](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-feed-screenshot-2020.md)
- [Mini Melissa: Where to find](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-where-to-find.md)
- [Mini Melissa: where to find, mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-where-to-find-mobile.md)
- [Mini Melissa: Color Me](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-color-me.md)
- [Mini Melissa: Color Me mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-color-me-mobile.md)
- [Mini Melissa: Dance Machine](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-dance-machine.md)
- [Mini Melissa: Dance Machine mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-dance-machine-mobile.md)
- [Mini Melissa: Dreamers](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-dreamers.md)
- [Mini Melissa: Dreamers mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-dreamers-mobile.md)
- [Mini Melissa: Family](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-family.md)
- [Mini Melissa: Family mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-family-mobile.md)
- [Mini Melissa: Flygrl](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-flygrl.md)
- [Mini Melissa: Flygrl mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-flygrl-mobile.md)
- [Mini Melissa: Mapping](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-mapping.md)
- [Mini Melissa: Mapping mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-mapping-mobile.md)
- [Mini Melissa: Mashup](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-mashup.md)
- [Mini Melissa: Mashup mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-mashup-mobile.md)
- [Mini Melissa: Mirror](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-mirror.md)
- [Mini Melissa: Mirror mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-mirror-mobile.md)
- [Mini Melissa: Open Vibes](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-open-vibes.md)
- [Mini Melissa: Open Vibes mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-open-vibes-mobile.md)
- [Mini Melissa: Wanna be Carioca](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-wanna-be-carioca.md)
- [Mini Melissa: Wanna be Carioca mobile](https://luiskr.com/llm/en/portfolio/mini-melissa/mini-melissa-wanna-be-carioca-mobile.md)

---
Canonical page: https://luiskr.com/portfolio/mini-melissa
JSON replica: https://luiskr.com/llm/en/portfolio/mini-melissa.json

## Language alternates

- [en](https://luiskr.com/llm/en/portfolio/mini-melissa.md)
- [br](https://luiskr.com/llm/br/portfolio/mini-melissa.md)
- [es](https://luiskr.com/llm/es/portfolio/mini-melissa.md)
- [de](https://luiskr.com/llm/de/portfolio/mini-melissa.md)
- [hrk](https://luiskr.com/llm/hrk/portfolio/mini-melissa.md)
- [cas](https://luiskr.com/llm/cas/portfolio/mini-melissa.md)
- [riv](https://luiskr.com/llm/riv/portfolio/mini-melissa.md)
- [gn](https://luiskr.com/llm/gn/portfolio/mini-melissa.md)
- [it](https://luiskr.com/llm/it/portfolio/mini-melissa.md)
- [ru](https://luiskr.com/llm/ru/portfolio/mini-melissa.md)
- [fr](https://luiskr.com/llm/fr/portfolio/mini-melissa.md)
- [tln](https://luiskr.com/llm/tln/portfolio/mini-melissa.md)
- [gl](https://luiskr.com/llm/gl/portfolio/mini-melissa.md)
- [ca](https://luiskr.com/llm/ca/portfolio/mini-melissa.md)
- [nl](https://luiskr.com/llm/nl/portfolio/mini-melissa.md)
- [ga](https://luiskr.com/llm/ga/portfolio/mini-melissa.md)