---
title: "Mini Melissa | Luis Krötz"
type: project
route: "/fr/portfolio/mini-melissa"
locale: fr
language: "fr"
canonical: "https://luiskr.com/fr/portfolio/mini-melissa"
markdown: "https://luiskr.com/llm/fr/portfolio/mini-melissa.md"
json: "https://luiskr.com/llm/fr/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 était un projet développé chez Transa pour le groupe Grendene, comme canal dédié à la marque Mini Melissa.

Le projet s’est déroulé de 2018 à 2020 et a été construit entièrement avec jQuery, CSS (Less) et PHP (Laravel).

Le site présentait un flux de contenu et un flux social sur la page d’accueil, avec un défilement infini menant à du contenu exclusif Mini Melissa.

La page 'où trouver' a été construite avec l’API Google Maps comme hub central pour localiser tous les revendeurs et clubs Mini Melissa au Brésil et dans le monde.

En parlant de collections, voici quelques-unes des collections de Mini Melissa :

'Color me' , collection Printemps/Été 2020, développée avec le candy framework , uniquement CSS et HTML.

'Dance Machine' , collection Automne/Hiver 2016, développée avec le candy framework , uniquement CSS et HTML.

'Dreamers' , collection Automne/Hiver 2020, développée avec le candy framework , uniquement CSS et HTML.

'Family' , collection Printemps/Été 2019, développée avec le candy framework , uniquement CSS et HTML.

'Flygrl' , collection Automne/Hiver 2017, développée avec le candy framework , uniquement CSS et HTML.

'Mapping' , collection Printemps/Été 2018, développée avec le candy framework , uniquement CSS et HTML.

'Mashup' , collection Printemps/Été 2017, développée avec le candy framework , uniquement CSS et HTML.

'Mirror' , collection Automne/Hiver 2019, développée avec le candy framework , uniquement CSS et HTML.

'Open Vibes' , collection Automne/Hiver 2018, construite uniquement en CSS et HTML, la première page de collection du site Mini Melissa.

'Open Vibes' est la page qui a donné l’idée du candy framework de Mini Melissa, créé en réponse au besoin de développer des pages de collection de haute qualité et pixel-perfect en peu de temps.

'Wanna be Carioca' , collection Printemps/Été 2016, développée avec le candy framework , uniquement CSS et HTML.

## Media

- [video: Mini melissa: tour mobile](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 couverture](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/website/mini-melissa-cover-2020-mozjpg-uncompressed.jpg)
- ![Mini melissa: feed capture 2020](https://storage.googleapis.com/luiskr.com/public/_v3/minimelissa/website/mini-melissa-feed-2020-mozjpg-uncompressed.jpg)
- [video: Mini melissa: où trouver](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: où trouver, 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: ouvert 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: ouvert 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: tour mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-tour-mobile.md)
- [Mini melissa: feed couverture](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-feed-couverture.md)
- [Mini melissa: feed capture 2020](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-feed-capture-2020.md)
- [Mini melissa: où trouver](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-ou-trouver.md)
- [Mini melissa: où trouver, mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-ou-trouver-mobile.md)
- [Mini melissa: color me](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-color-me.md)
- [Mini melissa: color me mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-color-me-mobile.md)
- [Mini melissa: dance machine](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-dance-machine.md)
- [Mini melissa: dance machine mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-dance-machine-mobile.md)
- [Mini melissa: dreamers](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-dreamers.md)
- [Mini melissa: dreamers mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-dreamers-mobile.md)
- [Mini melissa: family](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-family.md)
- [Mini melissa: family mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-family-mobile.md)
- [Mini melissa: flygrl](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-flygrl.md)
- [Mini melissa: flygrl mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-flygrl-mobile.md)
- [Mini melissa: mapping](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-mapping.md)
- [Mini melissa: mapping mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-mapping-mobile.md)
- [Mini melissa: mashup](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-mashup.md)
- [Mini melissa: mashup mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-mashup-mobile.md)
- [Mini melissa: mirror](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-mirror.md)
- [Mini melissa: mirror mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-mirror-mobile.md)
- [Mini melissa: ouvert vibes](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-ouvert-vibes.md)
- [Mini melissa: ouvert vibes mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-ouvert-vibes-mobile.md)
- [Mini melissa: wanna be carioca](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-wanna-be-carioca.md)
- [Mini melissa: wanna be carioca mobile](https://luiskr.com/llm/fr/portfolio/mini-melissa/mini-melissa-wanna-be-carioca-mobile.md)

---
Canonical page: https://luiskr.com/fr/portfolio/mini-melissa
JSON replica: https://luiskr.com/llm/fr/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)
