We employ ourselves to create digital experiences and deploy innovative services.

The ploy team

Léo Catonnet

Leo graduated from ESAD Amiens with a MA in Digital design and from UTC with a Master in UX design. He is interested in structuring interaction systems, which he pictures like game rules.

He wrote his master thesis about the emerging properties of videogames and he's inspired by game theories in all his work.

He's the main developer in ploy, his CSS sheets are a grimoire filled with black magic.

His blog posts:

Fancy text color, css only

Benjamin Calméjane

Coming from a double master diploma in digital design and UX design, Benjamin worked in NoDesign studio in Paris.

Benjamin pays a particular attention to social behaviors of humans between them and with machines. He conceive the digital realm through the lens of social issues the medium questions.

Attracted by cinema when he was young, his career finally brought him to graphic and interaction design, keeping a certain interest for motion design, photography and electronic prototyping. Considering himself an explorer, Benjamin keep pushing forward his experiences' boundaries.

His blog posts:

Mayk Navangi

Mayk has a diploma in applied Arts and a BA in graphic design and typography, he's a graphic designer and an illustrator. He's responsive to multiple artistic and graphic expression tools.

He draws his inspiration and reflections from multiple domains: science, technology, philosophy...
He advocates balance between concept, message, legibility and aesthetics of his production.

Mayk give a lot of importance to elegance, both in his work and lifestyle.

His blog posts:

We work with

Lucien Catonnet

Lucien studies at the "National School of Game and Digital Interactive Media" (ENJMIN) as an engine programmer.
He is Leo's little brother and works on Noidd since we started the project together in 2011.

Related projects:

Noidd.com

The Robin Room

Des plats faits maison avec des produits frais & de saison, en livraison ou take-away.

Related projects:

The Robin Room

Yoan Castellani

Related projects:

Mathieu Nieto's gallery website

Mathieu Nieto

Photographer, editor and director.

Related projects:

Mathieu Nieto's gallery website

Marie Casaÿs

Graphic designer / Illustrator
Paris

Related projects:

Change is Good

Duo de graphistes fondé en 2003 par José Albergaria et Rik Bas Backer.

Related projects:

Posters and programs fo NTDM
Cap Digital 10 years anniversary promo visual

Cap Digital

Founded in 2006, Cap Digital is a french digital competitiveness cluster. It gathers 1000 members: companies, schools, universities and investors.

Related projects:

Cap Digital 10 years anniversary promo visual

Nouveau théâtre de Montreuil

NOUVEAU THEATRE DE MONTREUIL is a national public theater (Centre Dramatique National), whose mission is to produce and make circulate performances with contemporary aesthetics. Nouveau Théâtre de Montreuil produces and co-produces new works, invites guest performances, hosts meetings and discussions, organizes tours. Nouveau Théâtre de Montreuil has been directed by Mathieu Bauer since July 2011, who has impulsed new orientations in the artistic project. Mathieu Bauer is a theater director and musician, whose work closely combines theater, music, cinema and literature.

Related projects:

Posters and programs fo NTDM

Cité de l'architecture et du patrimoine

La Cité de l’architecture et du patrimoine, présidée par Guy Amsellem, est un établissement public à caractère industriel et commercial (EPIC) placé sous la tutelle du ministère de la Culture et de la Communication. Elle a pour mission d’assurer la promotion de l’architecture française en France et à l’étranger, et de faire découvrir les œuvres emblématiques du patrimoine architectural français et la création contemporaine internationale. Avec ses 22 000 m2, elle est le plus grand centre d'architecture au monde.

Related projects:

Cap Digital 10 years anniversary promo visual

Noidd.com

Noidd is a free web-based application, currently in open beta. It enable its users to listen to music and watch video together, by creating or joining channels.
Noidd's is featuring a unique system allowing people to search and broadcast content from Youtube and Soundcloud, live.

Involved:

The Robin Room

Involved:

Client:

Mathieu Nieto's gallery website

Visit website

Mathieu Nieto is a photographer and video editor from Paris. The aestetics of his website was inspired by his work with black & white film-photography. His logo represents the birthdays of his family members on a vertical timeline, we chose to use this logo as the centerpiece of the website and it navigation system.

The website is running custom-built micro-CMS and back-office.

Involved:

Client:

Cap Digital 10 years anniversary promo visual

Cap Digital became the 1st French business cluster for digital content and services. To celebrate their 10 years in march 2016 at Palais de Tokyo, Paris, we made the poster and communication elements (banners, email signature, goodies). For this typographic poster, the letterwork has been computer generated with Processing.

Involved:

Client:

Posters and programs fo NTDM

Pour la programmation 2015 du Nouveau Théâtre de Montreuil, nous avons réalisé plusieurs affiches sous la direction artistique de Change is good. Cette série s’étend de l’espace urbain (4x3m, abri-bus, couloir de métro) au site du théâtre, ainsi que le dépliant du programme des conférences.

Involved:

Client:

Cap Digital 10 years anniversary promo visual

De octobre 2015 à février 2016, la cité de l’architecture et du patrimoine exposait l’Atelier d'Urbanisme et d'Architecture, en retraçant son architecture engagée de 1960 à 1986 en France. À cette occasion fut réalisée une composition murale recouvrant la totalité de l’espace d’exposition. Sous la direction artistique de Change is good, un dispositif de signalétique à multiples échelles fut élaboré, afin de rendre accessible l’abondance d’archives de cette période.

Involved:

Client:

Ploy! is a digital and graphic design studio. We are not creatives, we are creators. We aim for our work to be precursive and time proof. Nonetheless, we respect state-of-the-art design that is appropriate, genuine and efficient. We are passionate about all our projects, whether they are commissioned or self-initiated. Our team is curious, empathic, critical, and flexible. Are you?

ploy

\ˈplȯi\ : noun A cunning plan or action designed to turn a situation to one’s own advantage, an activity done for amusement.

Graphic design:

Visual communication adds value to the relationship with your audience. We make your activity distinguishable, clearly understood and always attractive, using the foundation of a sustainable graphic language. We are open to transdisciplinarity and collaboration, delivering creative and innovative solutions. Our team fluidly crosses the borders between screens, printed matter, and space.

Digital design:

We design human centered interactions with connected objects. We are attentive to new usages, and constantly experiment with new techniques and approaches. We intervene on all conception steps, from design thinking to the finishing touches.

We conceive digital experiences with concerns for consistency between interaction and visual.

Fancy text color, css only

Traditionnellement, les options de format pour le texte sont assez limitées en web, au delà des options de mise en page classiques, on peut changer la couleur, la graisse, l'interlettrage... Mais le choix de couleur se limite à des couleurs appliquées sur tout un texte de manière unie. Certes il est toujours possible de hacker la chose en javascript en créant un élément par caractère ou par ligne dans un texte en appliquant à chacun de ces éléments une couleur unie pour donner un effet de dégradé ; mais cette solution est lente et pas très élégante, surtout si l'on veut travailler sur de longs textes, de plus elle reste limitée à des dégradés linéaires.

Mais j'ai découvert un trick CSS qui décuple les possibilités d'habillage de texte. Ce sont trois lignes de CSS, c'est beau, et en plus c'est propre. Le downside est que les propriétés utilisées ne sont actuellement supportées que par les browsers webkit (Chrome, Edge, Safari)...

La technique consiste à appliquer un background à l'élément, puis d'utiliser background-clip:text pour masquer le background en suivant les contours de la typo. Enfin text-fill-color:transparent permet de laisser transparaître le background sous la typo.



Et cela n'est que le début. En effet comme on peut imaginer utiliser toutes les possibilités des propriétés background-*, de cette manière on peut obtenir un effet "masque d'écrêtage" avec presque autant de simplicité que sur Illustrator et ce y compris avec des gifs animés par exemple...



Mais il y a encore des bugs sur ces propriétés expérimentales, par exemple les balise <i> semblent ne pas afficher correctement le fond, de même l'utilisation de <br /> directement dans l'élément sur lequel on applique l'effet rendra quelque chose d'étrange sur la seconde ligne. (Ci dessus vous pouvez voir un workaround en utilisant un élement wrapper)

Pour résumer, cette méthode a déjà beaucoup de potentiel créatif sans avoir recours à des hacks tordus ou à du javascript. On peut espérer voir le support de ces propriétés s'élargir et s'améliorer.

Our flexible team is based in Amiens, and is often travelling between Paris and Rotterdam.
We are open to work for a variety of profiles and budgets.