Création | w.illi.am/

Archive pour la catégorie ‘Création’

Plain design to full blown website, is it magic?

2 novembre 2009 | par Cedric Dugas

It can be overwhelming to understand the production environment of websites, front-end developers, back-end developers, integration, programmings, what’s that? As client, you may be happy to understand a little bit more about the structure behind it.

So you are happy of your new design, what is next?

You just approved the design of your next website, you are happy with what has been done so far. What’s next? well a pretty long process. Upon approbation of the design, front-end developers take these designs and translate it to HTML. This means that your design is taken, decorticated and translated to a programming language. This might look like a simple task, but on the contrary, you need excellent front-end developers to translate your design perfectly.

How Complex?

To translate your design we use 2 languages, HTML and CSS. HTML is the foundation of your website, and CSS is what styles all your website, adds colors and images. It is not all, unfortunately the implementation between browsers (Firefox, Internet Explorer and etc) of those 2 languages differs a bit, it creates the complex task of testing your website to all current browsers to be sure the integration is spot on. The front-end developer needs to be aware of the dependencies of every browsers and be able to turn around problem that could arise.

Front-end developer also optimizes your website the be the fastest possible, trying to use the fastest structure possible and optimizing your design without losing picture quality. This is what we call website integration.

A back-end developer develops features

When those templates are finished, generally a small round table is planned with designers in case front-end developers forgot some styling. When designers are happy with the templates, it’s ready to get implemented in your content management system.

It is the back-end developer’s job to develop all the features you need to be able to manage your website yourself. Like changing the text in a section for example. This is where front-end developers and back-end developers work together to integrate your design with all the website features you need.

Every web creation company should take great pride of doing spot on integration of website design with content management, and we, at w.illi.am/ sure do.

Lire

/ Création / Technologie

Ajouter un commentaire /

Entrevue avec Matyas Gabor [ Branding et Entreprise 2.0 ] : webcom Montréal Octobre 2009

26 octobre 2009 | par Matyas Gabor

Bonne semaine à tous,

Alors voici l’entrevue réalisée à ma sortie d’une conférence webcom Montréal sur le Branding et l’Entreprise 2.0 dans un contexte B2B.

Nous y parlons de la question d’influenceurs de marques et de conception d’identité pour les entreprises qui s’adressent à d’autres entreprises.

Ce n’est pas forcément la plus réussie, c’est même assurée, mais elle répond à certaines questions que plusieurs de nos clients me posent. En espérant donc que cela pourra vous aider un peu.

bon visionnement!

Le webcom live 2009 est une coproduction de
Christian Aubry, Le Lien MULTIMÉDIA et AgentSolo.

Lire

Ajouter un commentaire /

Un vœu pieu? Plutôt une réalité… à augmenter!

5 octobre 2009 | par Matyas Gabor

Ces dix dernières années, beaucoup de sites jeunesses gravitant autour de séries télé [souvent grâce aux fonds de production multimédia Quebecor et Bell] ont vu le jour. C’est à travers ces sites que les producteurs de matériel pour enfants ont pu inculquer de nouveaux messages ludo-éducatifs. Mais nous, producteurs et artisans de l’industrie du Web, avons-nous écouté les véritables besoins de ces jeunes ou avons-nous plutôt été obnubilés par l’objectif de ROI de ces projets?

Personnellement, je crois que ces deux objectifs peuvent faire bon ménage et que nos entreprises peuvent servir ces deux causes : le meilleur des deux mondes quoi.

Trois constats importants aujourd’hui:

Le jeune passe énormément de temps devant son ordinateur et a développé des aptitudes particulièrement poussées à l’utilisation des appareils numériques. D’ailleurs, c’est de plus en plus à travers des plateformes mobiles qu’il devient un nomade numérique. Grâce à son cellulaire, sa console et autres appareils portables il est désormais continuellement connecté à Internet, monde virtuel qui le déconnecte de la vie réelle.
À travers le développement du Web et de ses applications, c’est de plus en plus un besoin HUMAIN qui semble vouloir animer notre société : reprendre contact avec les autres. En effet, depuis 5 ans environ, les réseaux sociaux [lieux de rencontres et de partages d’informations entre internautes] se sont multipliés et développés. Aujourd’hui, c’est la quasi-totalité des jeunes qui se connecte plusieurs fois par jour sur des réseaux tels que Facebook, leader dans le domaine.
L’avenir du numérique passera par l’immersion! Plus les années passent, plus les technologies se développent. Ce n’est pas un secret et ce qui l’est encore moins c’est que l’avenir se trouve dans le développement des interfaces qui, encore aujourd’hui, sont très primitives [utilisation de la souris, visualisation sur de petits écrans 2D, etc.]. L’immersion c’est le réel. Nous cherchons dans le Web une interface pour nous transposer dans le virtuel. C’est le paradoxe du millénaire, nous recherchons dans un monde virtuel quelque chose de naturel voire même une réalité plus grande que nature. Dans le même sens, nous assistons à l’éclosion de nouvelles plateformes 3D destinées à plusieurs utilisateurs à la fois (jeux massivement multi-joueurs par exemple) reproduisant le jeu collectif.

Le développement et l’attention des créateurs de contenus numériques devra donc inexorablement se porter sur la compréhension et la conjugaison de ces trois constats.

Chez w.illi.am/, nous développons des plateformes Web à travers desquelles les internautes peuvent naviguer dans des environnements faisant appel à la réalité. Les jeux et autres fonctionnalités devront stimuler le côté ludo-éducatif par un haut niveau d’interactivité faisant référence à diverses techniques d’immersion, par exemple, voyage dans des univers 3D ou vidéo.

Les interfaces doivent être très réfléchies et orientées vers le naturel et le réel.

Afin de combiner cela à la culture nomade, nous devons penser à l’utilisation multiplateforme auxquelles ces internautes ont accès : cellulaires, ordinateurs portables, ordinateurs à l’école, consoles et autres. Il faut surtout connecter l’internaute à son réseau et le laisser interagir avec ce dernier tel qu’il le désir. Ainsi, nous pourrons aider au développement des réseaux individuels et par le même canal promouvoir le projet par la communication virale.

Ramener les jeune vers la vraie vie, c’est le défi que nous pouvons relever en développant des sites leurs permettant de rencontrer d’autres personnes, en chair et en os à l’occasion de découvertes, d’échanges et de jeux.

Un vœu pieu? Non, bel et bien une réalité à augmenter.

Lire

/ Création / Marketing interactif / UX

Ajouter un commentaire /

Minimalisme = expertise

28 septembre 2009 | par Sébastien Guy

Dans la dernière décennie le design web a connu toute une évolution, je serais même tenté de parler de révolution. , En rétrospective, au tournant de l’année 2000 lorsqu’un client voulait un site web, une image claire se dessinait dans sa tête : un site dynamique, chargé de couleurs et d’ornements de toutes sortes, du clinquant donc. Bien que ce dernier avait rarement une idée claire de ses besoins réels, une chose était par contre beaucoup plus précise: il voulait attirer les regards par des couleurs vives et pétillantes, des boutons d’applications prédominants et ce au détriment de l’accessibilité. La phrase qui revenait souvent était : Fais-moi un site Jazzé…

Avec l’arrivée des sites sociaux (Web 2.0) et du multiplateforme les designers web ont dû entièrement revoir et repenser leurs méthodes de création . Le designer doit maintenant composer avec un très grand nombre de paramètres avant de commencer l’aspect créatif et de design. Le designer web doit connaître le persona, l’ergonomie tout en pensant à le rendre fonctionnel de façon à atteindre l’objectif d’affaires du client.

En ces temps de récession économique, le courant dit minimaliste, semble prendre du gallon. Alliant simplicité, épuration et efficacité, le minimalisme permet d’optimiser un site web, formule gagnante qui évoque classe, nature et élégance. Dans la mouvance du courant minimaliste, un site web devient de plus en plus une application web et le design se positionne alors principalement dans des endroits ciblés tel queles backgrounds et les diffuseurs (player?). On épure le plus possible pour un maximum d’efficacité. Ce concept permet de rehausser le contenu et d’ajouter de l’émotion de manière à faire passer le courant entre le message et l’utilisateur. Exit les textes condensés dans un coin et des vidéos microscopiques……

Prenons par exemple des sites sociaux tel que Facebook et Twitter, tous les outils y sont mis à la disposition des utilisateurs pour mettre de l’avant le contenu et de faciliter la distribution de leurs messages. Tout l’aspect relationnel et communicationnel est exploité. Avec ce look applicatif, Facebook et Twitter ont réussi s à se démarquer avec un design qui leur est propre. Avec la couleur dans le cas de Facebook et le petit oiseau pour Twitter ces deux géants ont su se doter de caractères tout à fait uniques et distinctifs. Du minimalisme à l’état pur.

Les bienfaits du minimalisme sur un site web sont nombreux et non sans conséquence ; les pages web apparaissent plus rapidement et sans problème, l’utilisateur navigue facilement à travers les pages , le message transmis est clair et sans ambiguité. Étant donné que les sites minimalistes ressemblent de plus en plus à des applications, les éléments d’entrée (formulaires) sont plus facilement identifiables et les boutons sont aisément reconnaissables. Les applications interactives sont sobres tout en étant rafraichissantes, elles sont là pour donner un peu de vie au site sans toutefois devenir un élément perturbateur au message et au contenu.

Un bon exemple de minimalisme bien appliqué : le site de Streamtheworld (StreamTheWorld.com). La bande bleue avec le petit texte blanc accroche l’œil de l’utilisateur et donne envie d’en savoir et d’en voir plus. La typographie du texte établit un lien avec le logo de StreamTheWorld et la couleur bleue est en lien direct avec le produit de l’entreprise ( le Streaming son et vidéo)

Mon opinion est que le minimalisme est là pour rester et qu’il ne s’agit pas d’une mode passagère. Pour apprécier le minimalisme à son meilleur, je vous laisse quelques liens qui vous permettrons de voir par vous-même ce style épuré mais de grande efficacité. Le design web n’a pas finis de surprendre c’est la solution par excellence des compagnies qui veulent se démarquer par leur pésence web et en ce sens c’est pourquoi mon prochain texte saura vous accrocher et vous aidera à transposer vos objectifs d’affaires en design… Donc, passionné de l’art, je vous dis à plus tard.

Pour le plaisir de vos yeux :

Artiste
Donald Judd
http://en.wikipedia.org/wiki/Donald_Judd

Robert Morris
http://en.wikipedia.org/wiki/Robert_Morris_(artist)

Carl Andre
http://www.haberarts.com/andre.htm

Site corporatif
reinvigorate
http://www.reinvigorate.net/

Streamtheworld
http://www.streamtheworld.com

Aigany
http://www.aigany.org/

vlourenco
http://www.vlourenco.com/

Site

kontain
http://www.kontain.com

lastfm
http://www.lastfm.fr/

Youtube
http://www.youtube.com