Share
Nous parions que vous avez vu le travail de Haraldur "Halli" Thorleifsson à l'état sauvage. Avec des projets majeurs à son actif tels que la page d'informations Google+, la page d'informations Google Drive, ainsi que de travailler pour Square, Pinterest, Microsoft et d'autres clients de haut niveau, le travail de Halli est omniprésent. Cependant, nous nous concentrons aujourd’hui sur son magnifique site portfolio, que vous pouvez voir sur haraldurthorleifsson.com.
Nous avons eu la chance de discuter avec Halli de la manière dont il aborde la conception, et de la manière dont il a abordé le projet de créer son propre travail. Voici ce qu'il avait à dire.
Tuts +: Lorsque vous abordiez le problème de la construction de votre propre portefeuille, quels étaient vos impératifs et objectifs de conception?
Halli: Tout d'abord, c'était pour moi. Comme vous le savez, vous n’exercez généralement pas un contrôle total sur les projets sur lesquels vous travaillez [dans le monde des sous-traitants]. Ils peuvent avoir des raisons commerciales ou commerciales de faire quelque chose que vous préférez faire de manière différente. Je pense que la plupart des designers sont fiers de leur travail et veulent le montrer sous le meilleur éclairage possible. C'est ce que je pensais au début - principalement pour moi-même, et bien sûr, une fois que j'avais quelque chose que je pouvais montrer, je pouvais le mettre que jusqu'à attirer plus de clients.
Je fais cela depuis longtemps, donc j’ai eu plusieurs portefeuilles dans le passé, c’était toujours des rangées infinies de captures d’écran, parce que c’est la chose la plus facile à faire. C’est un peu ennuyeux, alors j’ai voulu casser la baraque, replacer ces captures d’écran dans un contexte, mettre des éléments de conception autour d’elles et faire de ces études de cas un élément personnel..
Mais même si cela a commencé comme un projet pour moi, il est rapidement devenu une question d’autre chose. Si vous avez un beau portefeuille, vous pouvez le pousser vers les sites de récompenses, et en supposant que vous en gagniez quelques-uns, vous obtiendrez beaucoup de trafic et, espérons-le, quelque part dans ce trafic, de nouveaux clients intéressants.
J'utilise aussi beaucoup Dribbble et j'ai vu le portefeuille et mon compte Dribbble comme étant connectés. Je voulais générer du trafic de mon Dribbble vers mon portefeuille, et de mon portefeuille vers mon Dribbble, de sorte qu'il existe une sorte de "ténia" auto-alimenté. Si nous le faisions bien, nous aurions beaucoup de trafic sur le site et en tirerions parti pour attirer plus d'adeptes de Dribbble. Dribbble est en train de devenir une plate-forme aussi importante pour obtenir de nouveaux clients. Plus vous avez d'adeptes, plus les résultats de recherche sur Dribbble lui-même sont élevés..
Tuts +: Donc, c'est presque comme SEO pour Dribbble?
Halli: Oui, c’est l’une des principales raisons pour lesquelles j’ai décidé d’avoir l’indice Dribbble en bas. Je voulais autant de personnes que de personnes sur le site (nous en avons environ 100 000 le premier mois) pour me suivre sur Dribbble..
Tuts +: Alors, avez-vous vu une augmentation de ce nombre de suiveurs?
Halli: Oui, j'ai vu environ 3 000 adeptes de ce lancement.
Tuts +: C'est fantastique! Donc, vous avez mentionné que vous aviez déjà eu des captures d'écran sur votre site, qui sont toujours un élément principal de cette itération de conception. Comment avez-vous trouvé l'endroit pour ces personnes? Chacune de ces pièces de portefeuille correspond à ses propres éléments spécifiques à chaque animal, avec leurs propres caractéristiques interactives. Ce sont en quelque sorte des "méta-projets" ou des projets de projets. Comment avez-vous fait en sorte que le site prenne en charge ces diverses captures d'écran au même endroit, tout en maintenant la cohésion tout au long de la conception?
Halli: Le problème avec l'utilisation d'un site Web comme moyen de montrer le travail d'un site Web est: eh bien, vous avez une personne qui vient sur le site, vous avez un cadre pour le site que vous essayez de montrer et comment vous l'affichez dans le navigateur. ? En leur montrant un autre navigateur? C'est tellement ennuyeux. Certains projets sont plus difficiles que d’autres. Par exemple, le projet Google+ était un travail de mise en page, et je ne pouvais pas grand-chose à faire là-bas. J'ai donc dû essayer de les empiler de manière intéressante, mais cela ne se prête pas vraiment à ce genre de chose. De l'autre côté, quelque chose comme Santa Tracker ou Plus qu'une carte est très différent, car il y a tellement d'éléments visuels en dehors de ce que vous pourriez trouver sur un site Web standard et, comme il s'agissait de deux expériences en plein écran, toutes les captures d'écran ont le même aspect. ration. Google+ à l’autre bout de la page, c’est beaucoup de très longues pages, ce n’est pas facile de montrer que.
Au début, je ne voulais pas de modèle, car je savais que les projets seraient différents. Je n'aurais aucun moyen de concevoir un modèle qui conviendrait à tous. Je voulais aussi que le style de chaque projet reprenne la page. La plupart d'entre eux sont vraiment plats, ou visent des choses plates, mais je voulais pouvoir laisser un projet qui ne soit pas à plat sur le site. C'est pourquoi le site n'a pas de contrôles autres que la barre du haut, et je peux changer la couleur de celui-ci. Le site est à peu près une toile vierge lorsque je commence à montrer un projet. Et je pense qu'il faut souligner que mon développeur est tellement incroyable qu'il accepte simplement qu'il ne puisse réutiliser aucun élément. *(des rires)*
Tuts +: C'est un autre aspect intéressant de ce projet. Vous nous avez dit avant l'entrevue que vous ne codiez pas, ce qui peut être une bonne contrainte. C'est un sujet brûlant dans le monde du design. Des personnes comme Chris Coyier ont exprimé des points positifs en laissant aux concepteurs toute la créativité de leur travail, de concevoir sans avoir à traduire cela dans le navigateur parallèlement à leur processus de conception, puis à présenter cela au développeur en tant que défi. Vous êtes-vous délibérément tenu à l'écart du code ou s'agit-il d'un choix personnel de ne pas l'apprendre??
Halli: Je pense que presque tout le monde peut apprendre quelque chose, alors je ne pense pas que ce soit beaucoup. Pour que moi-même ou quiconque devienne vraiment bon dans quelque chose, il faut qu'il se concentre vraiment dessus depuis très longtemps. Et ce n’est tout simplement pas là où je veux concentrer mon temps. Je pourrais coder un site super simple, mais cela me prendrait beaucoup de temps et ce serait vraiment mal fait - il y a des gens qui y sont beaucoup mieux que moi, et pour me rattraper, je Je devrais le faire à temps plein. Les gens parlent de ces "licornes" (hybrides concepteur-développeur qui sont excellents dans les deux cas)… et il n'y en a franchement pas beaucoup. Lorsque vous demandez une liste, vous obtenez toujours les mêmes noms. Lorsque vous avez un designer qui est également développeur, ils se demandent généralement "comment puis-je concevoir cela de manière à ce qu'il soit facile pour moi de coder", sans avoir à y penser, pour pouvoir décider de ce que je veux conception. À peu près tout à l'heure actuelle peut être traduit en code. Ce n'était pas le cas quand j'ai commencé il y a quinze ans. Maintenant, tout ce que je peux imaginer, quelqu'un peut coder.
Le problème que j’ai avec l’argument "les concepteurs devraient coder" est qu’il ya vraiment tant d’autres choses qu’ils devraient faire. Ils devraient connaître le marketing, comprendre le monde des affaires, la rédaction, les récits - il y a tellement de choses à garder à l'esprit. Je ne mettrais pas le code à la deuxième place sur la liste des choses à apprendre pour un concepteur. Cela dit, je ne pense pas qu'il y ait vraiment une règle pour "c'est ce qu'un concepteur devrait être" - si les gens veulent concevoir et coder, alors plus de pouvoir pour eux, ce n'est tout simplement pas pour moi..
Tuts +: L'un des principaux arguments des concepteurs ayant besoin d'apprendre le code est qu'il aide les concepteurs à comprendre le design réactif et l'agnosticisme des périphériques. Comment le problème de la compatibilité entre périphériques affecte-t-il votre façon de concevoir une approche de conception? Par exemple, avec votre site, nous l'avons dimensionné à 220 pixels de large, et il était superbe, mais il est également fantastique à 2 000 pixels de large. Comment faire cela avec un site tel que la page de renvoi d'informations Google+ lorsque vous concevez de manière statique?
Halli: Je pense que son expérience, principalement. Je regarde des sites Web toute la journée et depuis très longtemps. Maintenant, après la création de responsive design, chaque fois que je visite un site, je le redimensionne pour voir s’il répond. J'essaie de voir comment ils déplacent les éléments - pas nécessairement comment ils le font techniquement dans le code, car quelqu'un d'autre peut comprendre cela pour moi.
Il me semble que les problèmes de conception totalement dans le navigateur sont que les conceptions ont tendance à se ressembler mais peut-être que je suis trop vieux, je le fais depuis trop longtemps. Peut-être que les nouveaux designers comprendront mieux que moi.
Si je travaille avec un très bon développeur, comme James Dickie, qui a codé mon site, si j'ai une idée de la façon dont les choses vont se passer sur mobile, et de l'endroit où se trouvent les points d'arrêt et comment ils devraient fonctionner, ce que je fais généralement, c'est de lui remettre la partie bureau. Il met cela dans la grille et nous voyons ce qui se passe. Nous itérons juste à partir de là. Je ne conçois plus tous les points d'arrêt. Je sais que si le design est d'une certaine manière, nous n'aurons donc pas beaucoup d'éléments empilés, il sera probablement dimensionné de manière élégante. Il y a toujours des problèmes, mais il est généralement préférable de résoudre ces problèmes directement à leur point de rupture. Parfois, je suis étonné de voir à quel point il est efficace de mettre un dessin dans la grille. Alors peut-être que vous pourriez dire que je conçois dans le navigateur après tout…
Tuts +: Donc, c'est presque comme une intuition à un certain niveau - vous avez appris que c'est la façon dont les gens interagissent avec les navigateurs, c'est ainsi que les navigateurs fonctionnent, voyons si nous pouvons, par exemple, garder cela plus verticalement..
Halli: C’est l’une des principales choses que je fais - j’essaie de toujours placer les choses verticalement. Pas nécessairement pour des raisons de réactivité, mais parce que je veux que l'utilisateur se concentre sur une chose à la fois - je ne veux pas qu'ils voient plusieurs choses. Je veux qu’ils fassent défiler la page, qu’ils expérimentent une progression, une sorte d’histoire que j’essaie de raconter, frappant les choses émotionnelles que vous voulez toucher. Si vous essayez de vendre quelque chose, vous vous retrouvez à la fin de l'histoire après avoir touché ces points, et il y a un bouton d'achat là.
Cette approche est évidemment beaucoup plus simple avec la conception de la communication. Ce n'est pas aussi facile dans la conception de produits, où il y a généralement beaucoup plus d'actions que vous souhaitez mettre en avant des utilisateurs, ce qui est plus difficile. C’est l’une des raisons pour lesquelles aucun de ces très gros sites sur les produits n’est réactif à tous les niveaux..
Pour revenir à votre question sur l'audience - l'audience était en réalité des agences ou des clients qui disposeraient généralement d'un grand moniteur. Ils auront les trucs coûteux, et je voulais que ça ait l'air vraiment bien sur un écran 27 ". Il doit vraiment avoir l'air génial sur un énorme écran, donc nous avons quand nous en avons besoin, nous avons des images énormes au sommet de certaines de ces des choses - comme une largeur de 2500 pixels - et vous savez, je n'ai pas beaucoup réfléchi aux contraintes telles que la bande passante, car ce n'est généralement pas une contrainte pour ce public.
En termes de réactivité, mon développeur mérite beaucoup de mérite. Au départ, je pensais que rendre ce site réactif serait beaucoup trop de travail. Je lui avais dit au début qu’il ne devrait pas s’inquiéter pour ça, mais il a insisté. Donc, il devrait réellement obtenir la plus grande partie du crédit.
Tuts +: Et nous voulons aussi parler de cela: quelle importance accordez-vous à votre capacité de communiquer avec votre développeur? Vous l'avez mentionné à quelques reprises et il semble que ce travail d'équipe soit très important pour votre processus..
Halli: Il n'y a pas de site Web sans concepteur, ni de site Web sans développeur. Il peut s'agir de la même personne et il peut ne pas être bien conçu ou développé, mais il est impossible d'avoir un site sans ces deux éléments. Comme je l'ai dit précédemment, je pense que la plupart des gens ne peuvent vraiment être excellents que dans ces domaines. Il est extrêmement important d’avoir un développeur capable de prendre quelque chose que je conçois et qui codifie. Il est donc très important d’avoir de bonnes relations avec ce développeur. Je travaille avec James depuis un moment et je le soumets à chaque projet sur lequel je travaille..
La chose la plus importante est généralement la communication. Si vous êtes capable de parler à quelqu'un et qu'il réponde à vos notes et convienne que le déplacement d'une chose d'un pouce vers la gauche en vaut la peine, c'est très utile. Sur ce projet, je changeais d'avis et James échangeait avec moi, suggérant des façons de faire les choses, déplaçant des choses, etc. Sans ce processus, il ne serait pas aussi bien. Donc, je pense qu'il est extrêmement important d'avoir ce développeur impliqué. Bien souvent, je cède un dessin et je ne suis même pas informé de son lancement. Il n'y a pas de communication dans le processus et, comme vous pouvez l'imaginer, cela ne donne pas les meilleurs résultats..
Tuts +: Oui, vous voulez autant que possible des lignes de communication ouvertes.
Halli: Vous voulez pouvoir être en désaccord et avoir quelqu'un qui peut vous dire qu'il existe une meilleure approche. Si le développeur a le sens du design, il améliorera tout. Certains des meilleurs commentaires que je reçois proviennent de développeurs. Tant que ça vient de l'endroit où ils veulent faire de l'excellent travail plutôt que de faire la chose la plus facile, alors j'écoute.
Tuts +: Oui, il semble que de nombreux développeurs doivent constamment peser cela - que la valeur commerciale de la demande de conception correspond à la quantité d'effort nécessaire pour répondre à cette demande. Comment conciliez-vous l'équilibre entre travail remarquable et grande valeur commerciale??
Halli: Je pense toujours qu'en fin de compte, c'est la même chose. Si je visite un site Web et qu'il est moche, il ne va probablement pas me vendre quelque chose. Si je visite un site Web et qu'il est beau mais ne fonctionne pas, il ne va pas non plus me vendre quoi que ce soit. J'aime beaucoup travailler avec des gens qui vont faire des efforts supplémentaires (ou quelques centaines de kilomètres) parce qu'ils veulent que les choses soient vraiment bonnes. Je pense qu'il est difficile de mettre une valeur en dollars dessus, mais ça en vaut la peine.
Tuts +: Complètement d'accord. Nous allons passer à une sorte de sujet brûlant qui a été abordé sur le Web et auquel vous avez fait allusion plus tôt dans l'interview. Vous avez mentionné que le site a une esthétique plate. Il y a beaucoup de critiques dans l'expérience utilisateur et beaucoup de gens qui sont pour ou contre "à plat" avec véhémence - il y a une grande guerre du design dans ce domaine. Je suis sûr qu'en quinze ans de travail en design, vous avez vécu un drame similaire. Certaines personnes disent de «plat» que c'est authentique, que l'expérience numérique est véritablement numérique. Quelles sont vos pensées sur cet argument?
Halli: Eh bien, je pense que c'est une simplification. Je pense que la raison pour plat est complexe. Responsive joue un rôle - si vous avez une surface plane, il est très facile de l’agrandir ou de la réduire. Si vous avez une surface plane, cela ne prend pas beaucoup de bande passante. Mais il faut également beaucoup de temps pour concevoir les anciennes icônes de style Apple: cela a pris tellement de temps.
Donc, je pense qu'il y a toutes sortes de raisons différentes, puis les gens idéalisent certaines de ces choses après coup. Beaucoup de gens traitent cela comme une religion, en disant: "Ce n'est pas assez plat", comme si l'objectif ultime était de ne pas avoir d'ombre, pas de dégradé, comme si le meilleur design était complètement plat, ce avec quoi je suis totalement en désaccord..
Il y a un problème lorsque vous obtenez une tendance où tout le monde va à fond - tout commence maintenant à se ressembler. Comment différenciez-vous ou faites-vous quelque chose de mémorable?
Je pense que plat, ou du moins plus plat que ce que nous avions, est idéal pour beaucoup de choses. Mais j'aime toujours les dégradés et les ombres portées. Ils peuvent être beaucoup plus subtils qu'ils ne l'étaient. Les gens commencent à comprendre qu'un bouton n'a pas besoin de ressembler à un bouton physique. Mais il doit encore se démarquer et vous devez pouvoir appuyer dessus. Je pense que "flatter" que ce que nous avions collectivement avant est bon. Je pense que totalement plat ne sert à rien. Si cela fonctionne, alors c'est bon pour votre projet. Nous ne devrions pas en faire un objectif en soi. En fait, j'ai assisté à des réunions où les gens diraient "ce n'est pas assez plat" - il n'y a vraiment aucun moyen de réagir à cela.
Tuts +: Absolument. Le design doit être respecté, car il ne s'agit pas simplement de décider que nous voulons aller vers une esthétique plate, nous allons donc tout conduire à plat. Cela ne donne rien d'autre que le désir d'être à plat.
Halli: Oui, pour suivre la tendance. Sauf si vous avez une raison, comme par exemple Google. Je ne sais pas si vous vous en souvenez, mais Google était vraiment moche. L’une des raisons était qu’ils avaient engagé leur premier designer environ sept ans plus tard, c’était, et à bien des égards, toujours une entreprise très axée sur les développeurs. Mais ils ont également de nombreuses divisions indépendantes, contrairement à une société comme Apple, où la conception descendante est un impératif imposant. Google a ces nombreux départements qui ont beaucoup de liberté, donc contrôler tout cela est un énorme effort.
Je pense que l'équipe de conception de Google a fait un travail extraordinaire avec cela. Je pense qu'ils ont choisi le style plat qu'ils ont maintenant partiellement parce qu'il pourrait facilement être expliqué. Vous pouvez amener les gens à l'intérieur et adapter ce design, car vous pouvez définir un guide de style qui peut être facilement suivi tout en conservant une grande liberté que vous aviez auparavant..
Tuts +: Et c'est génial que vous ayez participé à ce changement de conception de Google. Et c'est une bonne raison pour aller à plat. Et vous pouvez voir ce que vous parlez toujours dans Google - des éléments comme Analytics étant totalement différents de quelque chose comme Google+ ou Gmail..
Halli: Et aussi, avec iOS 7, je ne pense pas que ce soit plat du tout. Il y a beaucoup de profondeur, il y a beaucoup de gradients. Et puis, j'aime beaucoup iOS 7, il y a quelques aspérités mais globalement, je pense que c'est un grand bond en avant pour Apple. Ce n'est peut-être plus aussi skeuomorphic mais ce n'est pas plat.
Tuts +: Oui, c'est une idée fausse commune - semblable à quand quelqu'un dit que quelque chose est de la parallaxe alors que ce n'est pas réellement de la parallaxe. L'idée fausse est que, si les boutons ne ressemblent plus à des boutons, si les éléments sont réduits à moins de couleurs, moins de bordures - les gens l'appelleront "à plat"..
Halli: Ouais. Une chose que j’aime dans l’appartement est que vous pouvez avoir plus d’éléments. Ils ne sont pas en concurrence les uns avec les autres. Si chaque bouton est vraiment lourd, en avoir un tas sur une page commence à paraître bizarre - la gravité de la page s'éteint. Flat vous permettra d'avoir une interface utilisateur plus complexe et de ne pas prendre trop d'espace visuel.
L'interface utilisateur d'iOS 6 Find my Friends en est un bon exemple. L'interface utilisateur est dans le chemin. C'est tellement lourd que tout le reste tombe. Cela devrait être l'opposé de cela - l'interface utilisateur devrait être à l'arrière-plan, l'expérience et le contenu devraient être à l'avant-plan.
Tuts +: Absolument. Nous allons compléter cette question par une autre question concernant votre portefeuille, et celle-ci est en quelque sorte une question générale. Quels défis ont été les plus difficiles dans ce processus? Chacun est son pire critique, et il est empiriquement difficile de construire quelque chose pour vous-même, car on a le sentiment que cela ne sera jamais fini si vous avez les clés. Par exemple, vous vous êtes limité aux quatre projets lors du lancement, puis vous avez dirigé les gens vers votre Dribbble. Avez-vous défini un calendrier ou des contraintes pour le lancement?
Halli: Il y a environ un an, j'ai commencé à refaire mon portefeuille. Je savais que je voulais avoir de la flexibilité, je savais que je voulais vraiment prendre mon temps et je savais que je ne codais pas. En fait, j'ai commencé par créer le site dans son intégralité entièrement en PNG, texte inclus. De cette façon, je pourrais monter une étude de cas à mon époque - je ne devais pas dépendre d'un développeur. Je pouvais le voir vivre pendant un moment. Je pourrais prendre mon temps pour le concevoir entre des projets payants.
C’était extrêmement simple et certains développeurs ont été contrariés, mais cela signifiait que je pouvais vraiment prendre le temps de réfléchir à ces éléments. Lorsque nous sommes finalement partis, je savais que ces études de cas étaient celles que je voulais utiliser. Je voulais montrer l'ampleur, quelques choses que je pouvais faire.
Après notre relancement, le site était à peu près ce qu'il est maintenant, sauf que les études de cas étaient dans un carrousel. Mais cela a donné trop de poids au flux Dribbble, son contenu étant beaucoup plus complexe visuellement que celui de l’étude de cas. Alors James a suggéré de les sortir du carrousel, nous l'avons fait et puis j'ai finalement pensé que le site était terminé.
Les gens me posent parfois des questions sur la grille Dribbble. Comme je l’ai dit plus tôt, l’une des raisons était de générer du trafic là-bas et de gagner des followers, mais je voulais aussi pouvoir montrer de nouvelles choses facilement. Certains projets ne sont pas assez importants pour une étude de cas, mais je veux tout de même les montrer. Je voulais aussi ce sentiment que des gens entrent et disent: "D'accord, il y a beaucoup de choses ici." la grille Dribbble est donc un moyen d'éviter d'être perçu comme quelqu'un qui conçoit uniquement pour Google.
Tuts +: Et cela est intéressant, car il décrit certainement votre travail avec Google le plus à l’avance. Bien sûr, c'est la plus visible au monde, alors cette décision est logique du point de vue de la conquête de nouveaux clients. Mais ensuite vous regardez votre Dribbble, et c'est un éventail beaucoup plus large de travail et de style.
Halli: Et cela remonte à une question précédente - quand je commençais à faire mon portfolio et les études de cas, je lisais un article. Ils ont fait cette expérience en mettant un très grand violoniste, Joshua Bell, dans une station de métro de Washington. Il a joué comme une heure ou deux et a gagné peut-être 20 $. La nuit suivante, il a joué dans un théâtre à Boston et a vendu un auditorium à 100 $ la place..
Pendant que je lisais ce que je viens de penser, j’ai des projets que j’aime beaucoup. Je les ai mis sur Dribbble, et ils n'ont pas du tout décollé. En tant que designer, vous devez vraiment savoir que le contexte est primordial, mais pour une raison quelconque, il n’a jamais dit que c’était exactement la même chose lorsque vous présentiez votre propre travail..
Les gens ont besoin d'aide pour percevoir la valeur. Les gens peuvent penser que quelque chose a de la valeur parce que cela coûte cher, ou dans mon cas, parce que cela est placé dans un certain contexte afin que vous puissiez voir que des soins sont apportés. Je pensais à Joshua Bell, le même gars jouant le même morceau aux deux endroits. L’acoustique n’était peut-être pas la même chose, mais quelque chose dans le contexte permettait à un groupe de personnes dans une situation de comprendre la valeur du travail et à un autre groupe de personnes dans une autre situation de le valoriser de manière complètement différente, ou plus précisément du tout.
Mon site a pris beaucoup de temps et d’efforts pour moi. La question était donc la suivante: est-il justifié pour moi de mettre de côté le travail de client rémunéré et de me concentrer sur mes propres affaires? J'ai finalement décidé qu'il était peut-être important que les gens voient mon travail dans le bon contexte. Et je peux parler d'expérience après coup et dire que cela en valait la peine. Cela m'a aidé à réaliser de plus grands projets et à en faire de meilleurs concepteurs..
Je pense donc que tout le monde devrait le faire - pour présenter son travail sous le meilleur jour possible. Si pas pour le monde, alors juste pour eux-mêmes.
Tuts +: C'est un grand défi. Merci pour votre temps, Halli - nous appellerons cela un wrap!
Accentsconagua