Si vous suivez le blog depuis plus d’un an, vous avez surement vu passer les précédents articles sur le Web2day. j’avais rédigé 3 articles sur des sujets bien intéressants :

• Web2day 2012 – Astuces Responsive Design par Andreas Bovens
• #web2day Design Responsive pour préparer le futur
• #web2day Html 5 et plateforme mobile

Si vous venez sur cet article, c’est que vous êtes intéréssés par le sujet du jour : Le mobile design session. Les intervenants sont les suivants. Du beau monde comme l’ami Geoffrey Dorne qui promet de nous donner de bonnes informations et peut-etre des réponses aux questions soulevées l’année dernière.

Juste pour information, j’écris cet article en live de la conférence…

intervenants web2day mobile design session

web2day mobile design session

Après une brève retrospective de l’évolution des mobiles depuis la création, on se rend compte que c’est en 2007 que le vrai virage est arrivé avec l’iphone.

3 exemples rapides d’évolutions d’applications  :

youtube 2008 sur Ios et Android, on se rend compte que l’application reste très conservatrice sur l’évolution design et ergonomie. Respect des guidelines prescrites par Apple. En 2012, c’est le clash avec Apple et donc du coup, l’évolution de l’application prend un virage pour se rattraper et innover autant graphiquement qu’au niveau de l’expérience utilisateur.

Appli NYTimes, 2008 sur Ios et 2009 sur Android. L’application reste classique jusqu’en 2011 puis 2012 se voit changée avec une mise en avant des contenus. Elle reste une référence dans le domaine des applications d’actualités.

L’application Facebook, 2008 sur IOS et 2009 sur Android. L’appli au départ respectait les guidelines apple (comme beaucoup au final), un peu dans le style d’un « mini-site ». Evolution et introduction d’un dashboard en 2009.  2011, Facebook, introduit un sous menu sur le coté pour toute la partie techniques/configuration. Il devient un standard actuel pour toutes les nouvelles applications mises sur le marché…

Début de la table ronde Mobile Design Session :

Petit rappel de l’ami Geoffrey sur la tendance du Skeuomorphic et du flat design avec lds définitions et des exemples. Je vous invite à lire l’article rédigé précédemment Qu’est ce que le Flat Design ? D’ailleurs, il nous rappelle bien que cette confrontation est un faux débat. Ils se complètement, s’adaptent, il y a un choix à faire selon la cible, la génération mais aussi l’expérience utilisateur souhaitée. 

Les sources d’inspirations pour designer les applis ? On se rend compte que cette inspiration vient des applis secondaires et non des applis dites « officielles ». Flipboard par exemple ou encore Path…

D’ou vient la richesse d’interface ? L’iphone a permit d’uniformiser toutes les pratiques avec des guidelines. Avant il existait enormements d’interfaces différentes avec des choses réussites, d’autres ratés. Mais ce qui a permis d’avoir énormément d’expériences utilisateurs autant technique que graphique. En uniformisant l’interface avec l’apparition de l’Iphone, on a rendu cette expérience plus ennuyeuse. Les interfaces, certes plus claires, se sont vues rentrée dans un univers consacré et guidé uniquement par Apple. Ce n’est qu’en 2012 que les interfaces ont évoluées, changées avec la démocratisation des supports.

Petit débat sur l’experience utilisateur. Respect des codes VS changements. C’est sûr, il faut garder une accessibilité sur une application pour qu’il soit utilisable pour toutes les générations mais il est intéressant aussi de casser les codes avec des nouvelles façons de faire (c’est ce qu’a fait l’appli « Path » avec son menu). Perso, je pense que c’est l’avenir, les nouvelles générations sont nées avec un mobile dans les mains, du coup, elles sont habituées a manipuler les supports, aussi différents soit-il.

Et le futur du mobile dans tout ça ?

L’objet enrichi, l’objet connecté : Certe c’est quelque chose d’intéressant mais il n’y a pas que cela. Le futur du mobile se trouve peut-être dans l’experience utilisateur changée, modifiée. Un téléphone qui ne sera qu’un objet connecté qui sera utilisé différemment selon le contexte. Par exemple, on se trouve dans un endroit bruyant, le coté tactile sera plus utilisé. Si on se trouve dans une cuisine, les mains pleines de farine, c’est plus le coté vocal.

Une des évolution possible, c’est une évolution de l’interaction entre les objets et du coup, les gens. Revenir au fondamentaux, le côté humain.

Cet article #Web2Day : Mobile Design Session est apparu en premier sur Olybop.

Fort d’une notoriété importante grâce à ce premier opus, le Studio Ustwo renouvelle l’expérience grâce à un deuxième PDF tout aussi intéressant que le premier. Poussant une nouvelle fois la porte du « Pixel Parfait », vous allez une nouvelle fois monter en compétence pour ce qui est de votre rigueur de travail ainsi que des choses à suivre pour une bonne ergonomie. Les sujets abordés sont divers et variés.

Comment aligner des textes par rapport à une puce ?  Comment aligner votre texte dans un bouton ? Comment réaliser des contours de boutons réglementaires ? Comment respecter une ergonomie responsive ? Comment organiser votre hiérarchie des noms pour une bonne compréhension par vous mais aussi pour les prochains développers qui regarderons votre code ? Comment gérer une bonne accessibilité et une bonne compréhension de votre arborescence ?

Autant de questions que vous pouvez voir dans cette liste non-exhaustive.

Télécharger le guide du « Pixel Perfect Precision 2″ ?

Vous comprendrez rapidement que vous trouverez des informations très importantes dans ces 163 pages à télécharger ici.

pixel parfait V2

Lire le guide du « Pixel Perfect Precision 2″

Cet article Le Guide du « Pixel Perfect Precision » V2 est apparu en premier sur Olybop.

Pantone n’est pas seulement une énorme base de couleurs mais c’est aussi un objet marketing remarquable. En effet, si vous suivez le blog, vous avez sûrement vu passer l’article sur la folie des dérivés pantone ou tous les articles sur la thématique pantone.

50 ans chez Pantone

Ils ont donc décidés de réaliser une infographie montrant les 50 dernières années découpées en décennies et les couleurs qui s’y rapportent. Depuis les années 60, c’est donc une selection de couleurs faisant partie intégrante de la société et du quotidien. Les années psychedelics pour les années 60 par exemple ou encore les années expressives pour les années 2000.

Sinon, depuis les années 2000, pantone a élu des « couleurs de l’année ». En 2013 par exemple c’est un vert emeraude (17-5641) qui a été nommée.

Suite à cela, vous allez voir le top 3 des couleurs dans le social-media en 2013. Les 3 couleurs qui ressortent le plus et le rouge, le bleu et le vert (chose cohérente quand on voit la fréquence d’utilisation de ces 3 couleurs au quotidien et sur les multi-supports).

L’infographie se finit par un « mega-rainbow » de couleurs dans les logos de marque. Un « Rainbow branding » assez impressionnant et terriblement joli.

infographie pantone 50 ans

Cet article Célébrons 50 ans de couleurs PANTONE est apparu en premier sur Olybop.

Qu’est ce que les « icons fonts » ou  la typographie d’icônes ?

Les « Icons fonts » sont des icônes inclus dans une font. Chaque icone correspond à un symbole qui pourra être intégré dans un site internet, facilement, en utilisant le CSS3 et sa balise @font-face. Les icônes font sont donc des symboles vectoriels personnalisables à souhait qui peuvent être manipulés grâce à des attributs css et intégrés où vous le souhaitez.

Quels sont les avantages des icons fonts ?

A contrario des icônes de types « images » que l’on a l’habitude d’intégrer dans notre site, les icônes typographiques ont bien plus d’avantages que l’on ne peut croire. Vous le savez, à chaque image que vous ajoutez sur votre site, une requête est exécutée pour pouvoir l’afficher correctement. Outre le poids conséquent si vous ne les optimisez pas, vous aurez 1 requête par icône. Le chargement de votre site sera donc ralenti. Il existe bien sûr déjà une solution qui consiste à faire la moitié du chemin et réduire le temps de chargement grâce aux « Sprites ». Petit aparté sur les sprites qui méritent quand même d’être évoquées. Les Sprites sont un « pack » d’icônes regroupées sur une seule image. Au chargement de votre site, il n’effectue qu’une seule requête pour charger cette image contenant toutes vos icônes (chose faite par exemple pour les icônes des réseaux sociaux en haut de page de ce blog). Une fois l’image créée et chargée, il ne vous reste plus qu’a positionner en CSS le background-position à l’endroit voulu de votre sprite. Un bon compromis d’optimisation, sachant qu’en plus on peut y ajouter des petits effets sympathiques, rapide et compatible avec les navigateurs récents. Revenons aux icons fonts, le fait de faire ce choix vous apportera des avantages non négligeables suivant :

• Une évolution facile sans avoir à passer par un éditeur d’images
• Une coloration facile et rapide en CSS
• Inclure des ombres portées
• Une bonne compatibilité sur les navigateurs (même ie6…)
• L’ajout d’effets simple et rapide en CSS
• une déclinaison complète au niveau des tailles sans perte de qualité
• de la transparence pour une intégration parfaite avec votre graphisme
• Un poids moindre

Autant d’avantages donc qui va vous permettre de perdre du temps mais d’en gagner par la suite pour des modifications ou des personnalisations. Juste un exemple pour vous montrer la différence de poids entre une sprite d’icônes dite classique et une iconic. Globalement, on pourrait passer de 650ko à 11ko au chargement. Un ratio non-négligeable.

Les inconvénients des icons fonts

Bien évidemment, toute technologie possède aussi ses inconvénients, malheureusement…

 Télécharger des icons fonts gratuites

Commençons par trouver où vous pouvez trouver des icons fonts gratuites sur le web pour que vous puissiez les sélectionner, les télécharger et les intégrer.

icons fonts – entypo

icons fonts – tenbytwenty

icons fonts – typicons

icons fonts – iconic

icons fonts – genericons

icons fonts – ligature

icons fonts – icomoon

icons fonts – pictonic

Comment utiliser les polices d’icônes

La première étape dans l’utilisation des polices d’icônes, il faut tout d’abord les télécharger grâce à la liste non-exhaustive ci-dessus. Il en existe bien sûr bien d’autres mais les plus connus y sont présents. Globalement et sans trop rentrer dans le détail du code, il existe plusieurs façons d’intégrer vos icônes, la principale chose à faire est d’importer les typographies dans votre code. Après les avoir uploadés sur votre server dans un dossier précis, vous pouvez

• intégrer votre icone en html
• Utiliser les classes CSS
• Utiliser l’attribut data-icon

Voilà un exemple avec le site icomoon où vous associez, en utilisant leur app, des symboles à des caractères (là où vous voyez les petits « ? » pour le moment). Cela permettra de faciliter l’intégration. Une fois téléchargé, vous aurez une CSS et un dossier font avec le contenu. Vous verrez dans la CSS un attribut @font-face avec 4 types de fonts : .eot, .svg, .woff et .ttf qui vous permettra d’être compatible avec tous les navigateurs. Il ne vous reste plus qu’à personnaliser et intégrer tout cela pour avoir votre icone adéquat !

Cet article Dossier : Comment intégrer les « icons fonts » est apparu en premier sur Olybop.

Ce Pdf d’une centaine de pages a été créé par ustwo et distribué de façon gratuite. Ce guide va vous permettre de mettre le doigt sur des astuces que vous ne connaissez pas forcément si vous êtes un « rookie » en la matière ou bien vous rafraichira la mémoire si vous êtes dans le bain.

Comme je dis toujours : « les fondamentaux ne font jamais de mal, ils consolident uniquement la base du chateau ». Non en fait j’ai jamais dit ça mais cela sonne pas mal non ?

Ce document que vous pourrez télécharger en bas d’article vous permettra de monter en compétence grâce aux 106 pages qu’il contient. Vous aurez toutes les bases pour avoir le Pixel Parfait. Que cela soit sur Photoshop, illustrator ou After effect, de l’import de l’un vers l’autre ou encore de l’organisation de vos calques. Ce document, toujours utile dans un coin de votre clé USB en forme de poney, vous permettra de connaitre quelques astuces à faire pour avoir un travail irreprochable… Maintenant, si vous n’avez pas de talent, c’est un autre histoire

Pour télécharger le guide, c’est par là. (vous pouvez faire directement clic droit/enregistrez sous, sinon le Pdf s’ouvre dans votre navigateur)

Lire le guide du Pixel Parfait

Je vous invite à voir aussi le deuxième guide qui fait la suite avec : Guide du Pixel Perfect Precision 2

Cet article Le Guide du Pixel parfait. est apparu en premier sur Olybop.

Ayant été freelance durant quelques années avant de lancer mon agence web à Nantes, je ne démarchais pas particulièrement sachant que ce n’était que de l’extra-professionnel. Tout tombait dans ma boite mail. Cette venue presque « miraculeuse » était le plus souvent la conséquence du bouches à oreilles, des amis d’amis ou bien encore un client potentiel tombé par hasard sur mon blog. A ce moment là, j’étais plus connu comme « créateur de site web » que comme « conseiller en outils de business« . C’est normal c’est 2 choses différentes. Avec l’expérience, la réflexion et la remise en question, je me suis rendu compte que je ne trouvais pas forcément les clients que je souhaitais. Pourquoi ? La réponse est simple.

Ma vision du travail (que je trouve d’ailleurs banale mais totalement obligatoire en 2013) c’est de fidéliser le client. Normal. Pour cela il y a le côté humain qui joue, le côté suivi de projet sans oublier la qualité de la prestation bien évidemment  Auparavant donc, je n’étais qu’un « créateur de site internet ». Quand je vois le prix qu’il faut payer sur les Adwords pour se ranker sur ces mots-clés, je trouve cela excessif. Bref, pourquoi aujourd’hui je trouve intéressant de ne plus me positionner sur cela. Simplement parce que vendre un ensemble de produits permet de lier un contact plus poussé avec votre client mais aussi de maitriser plus de paramètres dans le champs d’actions et l’impact du site. C’est gagnant/gagnant.

La plupart du temps, le client arrive avec un projet plus ou moins flou, notre expertise et experience sont justement là pour cadrer la demande, le besoin et apporter son lot de solutions. Un site internet seul aujourd’hui n’a aucune raison d’exister. Personne ne va dépenser de l’argent juste pour avoir « son site design » (qui ne veut rien dire d’ailleurs). Une présence web est donc un « business tools« , un site internet apporte maintenant un présence mais dans le but d’avoir du ROI. C’est logique, même le simple site vitrine a pour but de créer des leads. Un site e-commerce simple a besoin de vendre…

Techniquement parlant, je trouve aussi important de ne pas forcément dévoiler la base technique utilisée. Le client n’a pas forcément besoin de connaitre la structure d’un site (qu’il soit basé sur un CMS ou sur un Html toolkit…). Cette partie nous regarde, c’est à nous de faire le meilleur choix, adapté aux besoins du client.

Pourquoi amener la vente d’un site comme un business tools?

Simplement parce qu’il l’est ! Derrière un simple site vitrine, vous avez la possibilité d’intégrer en plus du SEO, du rédactionnel, de la formation de rédaction des contenus, des newsletters, de l’hébergement (encore faut-il l’assumer de façon professionnelle), la création d’un pack d’identité visuelle, j’en passe et des meilleurs.

Cet article n’a pas pour but de dire comment on doit faire ou non, juste ma vision du métier, soulever des façons de fonctionner chez vous mais aussi de dire qu’aujourd’hui le client est roi (et aussi ROI ) et que quand on leur propose bien plus qu’un simple site web, vous verrez, les langues se délient et les sourires s’esquissent. Etre force de proposition fait aussi parti intégrante de notre métier.

Si je vous dit donc ne vendez plus de sites web mais des outils de business ? Vous en pensez-quoi ? Ou est la limite entre créateur de site, agence communication, agence web ou encore agence de conseils ?

Cet article Dossier – De la création d’un site web à un outil de business est apparu en premier sur Olybop.

Cette chouette infographie nous montre ce qu’il ne faut pas faire en 10 conseils. Alors si vous retrouvez un vieux CD d’adresse mails, si vous ne respectez pas les conditions légales ou encore si vous ne vous vous identifiez pas, vous risquez très facilement de tomber dans la poubelle à mail, voir être blacklisté.

Aujourd’hui, l’email reste la meilleure façon de pouvoir garder contact avec les personnes, clients, abonnés et tout ce qui caractérise votre base. Créer une base de toutes pièces peut coûter cher mais ne pas l’entretenir peut coûter bien davantage.

Comment devenir un vrai spammeur ?

1 – Sollicitez des adresses mails inactives depuis plus de 2 ans
2 – Envoyez sur des adresses provenant d’un vieux CD-Rom (un quoi ? huhu) de 5 millions d’adresses
3 – Ajoutez systématiquement des mots-clés et caractères utilisés par les spammeurs (GRATUIT !!!, GAGNE !!)
4 – Ne dites jamais qui vous êtes ou changez régulièrement d’identité
5 – N’utilisez aucune norme d’authentification lors de vos envois comme DKIM ou SPF
6 – Faites de votre système de désabonnement un casse-tête chinois
7 – Continuez à solliciter les adresses NPAI (N’habite pas à l’adresse indiquée)
8 – Ne tenez pas compte des plaintes remontées par les webmails
9 – Sollicitez encore et encore ceux qui se sont désabonnées
10 – Ne passez pas par des professionnels qui connaissent les bonnes pratiques

Cet article 10 conseils pour devenir un vrai spammeur est apparu en premier sur Olybop.

Définition Flat design

À proprement parler, il n’existe pas réellement de définition mais plutôt d’association de termes par rapport à une tendance. Si on traduit littéralement le terme « Flat Design« , on pourrait avoir une phrase du genre « Design à Plat ». Le Flat Design est un style de design web excluant tous détails superflus de la création. Il se caractérise par des aplats de couleurs sobres mais actuelles et dont l’organisation de la typographie créée la structure du contenu. Le Flat design est un style minimaliste, extrêmement clair et épuré. « Less is more » prend ici tout son sens.

A contrario des années passées où les designers appliquaient à profusion le style « Web2.0 glossy ». Ce style était caractérisé par des ombres portées, des bizotages/estampages et autres effets photoshop voués à montrer les capacités techniques des créatifs. Aujourd’hui, la tendance web se rapproche de plus en plus au design print. Il se caractérise donc par des aplats de couleurs, des contrastes forts pour la lisibilité, des icônes minimalistes, des typographies et un contenu en « grille ». Priorité au contenu et à la hiérarchisation des informations.

Comment cette tendance commence à détrôner le Skeuomorphic Web Design ?

Je pense qu’il existe ici 2 écoles. Le Skeuomorphic Web Design est un style graphique qui consiste à reprendre des éléments réels et les intégrer au webdesign. C’est un webdesign engageant et facilement compréhensible pour une bonne expérience utilisateur (par exemple votre corbeille windows XP, seven est une corbeille du genre Skeuomorphing ou encore l’application bloc-note avec sa « couture à la main » sur les bords »)

Il faut, je pense, adapter chaque design à chaque problématique. il n’y a pas de bonne ou mauvaise solution. Les 2 sont encore très actuels.

La preuve, si on avait 2 exemples d’écoles à comparer aujourd’hui c’est forcément Microsoft VS Apple. Microsoft table donc sur un flat design et Apple sur un Skeuomorphic Web Design. Maintenant les tendances se font et se défont à une vitesse grand V. On ne sait pas (trop) de quoi demain sera fait.

Le flat design (qui ne date pas d’hier évidemment ) a été largement démocratisé dans le style par les grandes entreprises comme Microsoft et son MetroUI, Surface ou son uniformisation graphique de tous ses produits (office, windows 8, programmes online…). Google y est aussi pour quelque chose avec sa nouvelle charte graphique réalisée en 2012/2013 (de Google+ en passant par Keep dernier arrivage de la firm).

On ne peut pas dire que le Flat détrône le Skeuomorphic, c’est clairement un parti pris et je pense qu’on trouvera preneur dans les 2 camps.

Skeuomorphic vs flat design

Le Flat Design et le Design responsive sont fait pour s’entendre ?

Fondamentalement, ces 2 techniques sont faites pour s’entendre et vont aussi de pairs ! Le design responsive est créé à la base sur une grille, qui permet de repositionner les éléments suivant le support sur lequel il est lu, est donc forcément en corrélation avec ce système d’aplats de couleurs.

Concernant la typographie, on était auparavant limité par les fonts système en guise de typographie dynamique. Toutes les autres faisant partie de la création devait être exportées en images. Ce n’est plus le cas aujourd’hui avec les nouvelles technologies à notre disposition. La base de donnée Google Font par exemple permet d’avoir accès à une base de typographies online pour la personnalisation des contenus.

Concernant les contraintes techniques, le design responsive, par sa souplesse, ne laisse que très peu de place au superflus graphique. L’un dans l’autre, toutes les tendances vont dans la même direction ! Un design épuré, une légèreté graphique mais aussi du code (on sait que le chargement de page influe sur le référencement). Pour nous, créas, c’est aussi une tendance à double tranchant. Le Flat design est un design minimaliste et certains clients pourront le  voir comme un design « peu travaillé » ou avec un manque de « profondeur ». Je pense qu’il faut une rigueur irréprochable (au pixel près) pour passé d’un contenu « flottant » à un contenu « organisé ».

Ce design apporte aussi et forcément ses contraintes graphiques. Les aplats de couleurs sont la base de la structure avec la typographie. Un choix de couleurs sera donc déterminant pour le rendu final. Le choix d’une typographie efficace vous obligera à bien penser et organiser votre contenu pour que ce soit lui qui créé la structure et non des blocs graphique.

Maintenant, les 2 techniques ne sont pas du tout liées. On peut avoir l’une sans l’autre et vice-versa. Je pense que l’arrivée massive du Flat permet aux webdesigner (et fondamentalement aux marques) de réfléchir à l’accessibilité web, à l’expérience utilisateur et à l’ergonomie. Tout ça, que cela soit sur smartphone ou sur des ordinateurs de bureau.

 Exemples de Flat Design

flat design twitter

flat design So World Wide

flat design skype

flat design myspace

flat design imavex

Exemple d’applications

Cet article [Dossier] Qu’est ce que le Flat Design ? est apparu en premier sur Olybop.

5 pouces c’est la taille qui est agréable pour notre smartphone aujourd’hui. Mais il faut savoir que cela n’a pas été toujours le cas. Vous le savez bien d’ailleurs. Dans les années 30 c’était la taille d’un écran de TV… oui oui oui…

Bon je vous partage une infographie qui va retracer l’histoire de la télévision à travers les 80 dernières années. On avait parlé précédemment de l’Historique et Chiffres sur l’évolution des PC Portables avec son lot énorme d’évolution, d’utilisation et de design et je pense qu’on peut en dire tout autant avec la télévision (vous pouvez d’ailleurs voir l’évolution de la Télévision Sony, dans une infographie que j’ai réalisée). On part d’une boite en bois, on en fait sortir des images, je comprends qu’à l’époque c’est la révolution, l’étonnement. Etant né début des années 80, mon historique de la télévision est déjà bien entamé. Perso, la première TV que j’ai dans mes souvenirs c’est une énorme boite  noire (qui pèse le poids d’un cheval mort) avec 6 gros boutons carrés pour changer de chaîne  Une couleurs assez fade mais surtout les dessins animés qui vont bien ! (Goldorak, les chevaliers du zodiac…)

Un peu comme tout, l’évolution de la télévision a connu un essor avec le numérique et l’avancée spectaculaire du numérique et de l’informatique. Tout devient de meilleur qualité, de plus grande taille et on voit même le design rentrer en ligne de compte pour les grandes marques de télévision (les Télévision Sony par exemple mais aussi bien d’autres que vous connaissez)

La course à la qualité, lcd, led et autre plama, la réduction des contours, les couleurs, l’épaisseur, le rendu, la 3D, le 4k ! Mais où vont-ils s’arrêter ? En fait la question est surtout, quel est le besoin pour les gens ? Pour vous ? Avoir une énorme TV c’est bien mais si on ne voit que cela dans votre appart c’est moins bien (enfin c’est mon avis) je trouve que c’est intéressant comme support mais à la vitesse ou cela change. On ne sera jamais satisfait…

Une belle infographie en tout cas qui résume bien cette évolution de la tendance.

Télévision Sony

Article sponsorisé

Cet article Infographie : l’évolution de la télévision est apparu en premier sur Olybop.

Après ces dernières semaines avec énormément de boulot au niveau de mon agence web à nantes (hop un petit lien qui va bien), je crois que ce petit break va me faire du bien. Histoire de recharger les batteries, habituer mes petits yeux à autre chose que l’écran 20h par jour et surtout couper le web un peu… (bon meme si j’ai toujours mon tel avec moi… mmm)

Bref, je décolle pour la thailande avec ma famille faire des trucs de fou, voir de bien belles choses avec mon sac à dos (je ne vous dis pas ce qu’il y a dedans, vous seriez surpris…lol ), ma gopro 3 black et mon 550d.

3615 MAVIE (désolé pour la référence un peu vieille lol) donc j’arrête là pour les détails et je vous dis rendez-vous le 13 mars pour la reprise du blog.

Pour ceux qui arrivent par hasard sur le blog…et bien Bienvenue !

je vous laisse vous perdre parmis les 2500 articles du site !

Cet article Break de 2 semaines pour Olybop &co est apparu en premier sur Olybop.