Interview-logoSeconde interview pour All for Design. Aujourd’hui c’est Gopal Raju, un webdesigner de talent, qui a accepté de répondre à quelques unes de mes questions pour nous en apprendre un peu plus sur la création de son magnifique site web : « ProductiveDreams »…

Cette interview est bien sûr disponible en Version originale (Anglais) mais les anglophobes pourront tout de même lire la version française. J’ai fait de mon mieux pour la traduction mais n’étant pas un Anglophone avéré, excusez-moi par avance pour les éventuelles maladresses.

Gopal Raju’s interview (original version)

Gopal Raju card

Hello Gopal, could you introduce yourself in a few words ?

Hi, I’m Gopal Raju, a Web Designer currently living in Bangalore, India. I was born and brought up in Kerala(AKA God’s own country), the southern part of India. I started off my career as a Graphic Designer and have around 6 years of experience in Web Designing. I’m a MAC lover.

Could you tell us more about your work at Vanilla Networks ?

I used to work with Vanilla Networks Pvt Ltd, Technopark (2005 – 2008) as a Senior Team Leader of the design department. It was a very challenging role since I was responsible for a team of 50+ web designers. My responsibilities at VN included Strategic Management, Task Management, Client Management, Quality Improvement, Staff Management etc.

ProductiveDreams : Homepage preview

ProductiveDreams : Top menu preview

Your website « ProductiveDreams» is a success for design as much as for integration work.
Can you tell us more about the methodology you follow for the creation of the website? Do you use a wireframe? Some graphic mockups ?

Yes, I started off with a wireframe. Creating wireframes is the first and most critical step for me since this is where I control my users. This process lets me understand and decide where to place what. Once this decision is made I start working on the design. While designing ProductiveDreams, I didn’t have the need to create many graphic mockups as I had a clear concept in my mind.

What were your main sources of inspiration ?

I regularly go through other blog posts, css galleries and design related articles which keeps me updated on the recent trends. The articles on SmashingMagazine.com have inspired me a lot and I’m really glad that I was able to contribute some freebies for SM readers.

ProductiveDreams : Search

How many people have worked on ProductiveDreams ?

One, and thats me ;)
Initially ProductiveDreams was just a portfolio website used to showcase my design works. Later when I realized that I should do something for the designer community, I transformed it to a design blog.

How much time did you spend to create this website ?

It took me around 20-30 hours to build the site (including design and wordpress integration).

ProductiveDreams : Twitter area's preview

Could you explain us the choice of the Wordpress platform ?

When it comes to blogging, I feel Wordpress is the best! It’s flexibility, user base and plugin support never made me think twice.

How do you managed the retro-compatbility with old browsers (think about Internet Explorer 6 for example) ?

I strive to comply with all of the css/xhtml standards and build websites in a way that makes it compatible with all major browsers. But of course browsers like IE6 are really hard to deal with. So I normally use css hacks (though I hate using hacks) to solve IE6 specific issues. Based on my IE6 experience, I’ve even written an article: « 10 CSS properties that were impossible to implement in IE6« .

ProductiveDreams : Article preview

Do you use some frameworks ? Grid-system, css frameworks ? Could you explain us why ?

I’ve never used any css framework, since I feel CSS can not be framed semantically. I prefer hand-coding, as its easy to manage my own code than someone else’s. I have my own ‘CSS Reset’ though, used to deal with the basic cross browser hassles.

Jquery is very well used on your website. Could you tell us more about it ? Why do you chose Jquery instead of other frameworks (like Mootools for example)

While redesigning ProductiveDreams, I wanted to add some cool effects that would make the site more lively and enhance user experience. Jquery looked simple and straight forward to me and the availability of great Jquery plugins supported my decision to go ahead with it.

ProductiveDreams : Footer preview

Globally, what main difficulties have you met with during the creation process of ProductiveDreams ?

I was never happy with the design, so I worked on it until I created the perfect design which took a good amount of time. Picking the right Wordpress plugins was also a time consuming process since there are many plugins available for the same purpose and I had to find the best one.

Social Networks have a large visibility on your website. Could you explain this choice ? Does it brings you lots of visitors ?

Social Networks like Twitter, Facebook, Orkut etc. lets you interact with other people with the same interests and thoughts. I’m a twitter fan (@gopalraju). I tweet a lot about design related stuff. Twitter and Stumble Upon brings me lots of visitors and I would recommend others to use it.

ProductiveDreams : Social links preview

ProductiveDreams : Comments preview

This interview comes to an end, have you got a message to say to the french public and all the people that will read this post ?

Thanks for shooting these questions. I always feel great sharing my experience with others. I love my readers as they keep me motivated with their comments and emails. Let’s make the world a better place by helping each other!

Thanks a lot for your receptiveness and once again congratulations for your amazing work on ProductiveDreams !

Traduction française de l’interview de Gopal Raju

Gopal Raju card

Bonjour Gopal, peux-tu te présenter en quelques mots ?

Bonjour, moi c’est Gopal Raju, un web designer vivant à Bangalore, en Inde. Je suis né et ai grandi à Kerala (appelée aussi : « le pays de dieu »), dans le sud de l’Inde. J’ai commencé ma carrière en tant que Graphiste et j’ai maintenant près de 6 ans d’expérience dans le domaine du Web Design. Je suis un « Mac lover ».

Tu as travaillé pour “Vanilla Networks”. Peux-tu nous expliquer en quoi consistait ton travail ?

J’ai travaillé avec Vanilla Networks_Technopark, de 2005 à 2008 en tant que chef d’équipe senior pour le département “Design”. C’était un poste très prenant puisque j’avais une équipe de plus de 50 Web designers sous ma responsabilité. Mes fonctions englobaient un travail de management : stratégie, projet, clients, mais je travaillais également sur l’amélioration de la qualité des services, gestion d’équipe etc…

ProductiveDreams : Homepage preview

ProductiveDreams : Top menu preview

Ton site “ProductiveDreams” est un exemple tant du point de vue du design qu’au niveau du travail d’intégration. Peux-tu nous expliquer quelle a été ta méthodologie pour construire ce site ? Es-tu passé par la création de Wireframes? De maquettes graphiques ?

J’ai effectivement commencé par la création d’un wireframe. Il me semble que le Wireframing est la première chose à faire. C’est un point crucial selon moi car c’est à partir de là que je vais contrôler les utilisateurs. Cette phase me permet de comprendre et de décider quel élément je dois placer et où je dois le faire. Une fois que ma décision est prise, je commence à travailler sur la partie graphique. Lorsque j’ai créé le design de ProductiveDreams, je n’ai pas eu besoin de créer de nombreuses maquettes graphiques car j’avais déjà une idée très claire de ce que je voulais obtenir.

Quelles ont été tes principales sources d’inspiration ?

Je visite régulièrement d’autres blogs, des galeries CSS, je lis des articles sur le design. Tout cela me permet de me tenir informé des tendances du moment. Les articles de SmashingMagazine.com m’on également beaucoup inspiré et je suis d’ailleurs très fier d’avoir pu offrir quelques ressources à ses lecteurs.

ProductiveDreams : Search

Combien de personnes ont travaillé sur ProductiveDreams ?

Une seule et c’est moi ;)
A la base, ProductiveDreams n’était qu’un portfolio me permettant de présenter mes travaux sur le web. Ce n’est que plus tard, lorsque j’ai réalisé que je devais faire quelque chose pour la communauté des designers, que j’en ai fait un blog.

Combien de temps t’a-t’il fallu pour concevoir le site ?

Cela m’a pris environ 20 à 30 heures (travail graphique et intégration Wordpress inclus.)

ProductiveDreams : Twitter area's preview

Peux-tu nous expliquer ce qui a motivé le choix de Wordpress ?

Je crois que Wordpress est ce qu’il y a de meilleurs pour créer un blog. La plateforme est flexible, le nombre d’utilisateurs et les plugins disponibles m’ont convaincu tout de suite.

Comment as-tu géré les problèmes de rétrocompatibilité avec les navigateurs anciens (je pense notamment à IE6) ?

Je m’efforce de respecter les standards xhtml/css et je construis les sites de façon à permettre leur compatibilité avec la majorité des navigateurs. Cependant, les navigateurs tels qu’IE6 sont très difficile à gérer. J’ai donc pour habitude d’utiliser des hacks css (même si je déteste le faire) pour résoudre les problèmes spécifiques à IE6. En m’appuyant sur mon expérience j’ai écrit un article : « 10 CSS properties that were impossible to implement in IE6 » [fr : 10 propriétés CSS qui étaient impossibles à implémenter sur IE6]

ProductiveDreams : Article preview

Utilises-tu des frameworks? Systèmes de grilles, frameworks css? Peux-tu nous expliquer pourquoi ?

Je n’ai jamais utilisé aucun framework css car il me semble que leur utilisation ne permet pas une construction sémantiquement correcte. Je préfère coder à la main car il est plus facile de gérer son propre code que celui des autres. J’ai d’ailleurs créé mon propre « Reset CSS » pour gérer les soucis d’interprétation de code par les différents navigateurs.

Jquery est particulièrement bien utilisé sur ton site. Peux-tu nous en dire plus à ce sujet ? Pourquoi avoir opté pour ce framework plutôt qu’un autre ? (Comme Mootools par exemple)

Lors de la refonte graphique de ProductiveDreams, j’ai souhaité ajouter quelques fonctionnalités sympas pour rendre le site plus “vivant” et ainsi améliorer l’expérience utilisateur. Jquery semblait simple, il m’est venu spontanément à l’esprit. De plus, le vaste choix de plugins de qualité a conforté ma décision de me lancer sur cette voie.

Globalement, quelles ont été les principales difficultés rencontrées durant la création du site ?

Je n’étais jamais satisfait du design. J’ai donc du travailler jusqu’à obtenir quelque chose de parfait, ce qui m’a pris beaucoup de temps. Le choix des bons plugins Wordpress a également été assez long. Il en existe beaucoup qui offrent les mêmes fonctionnalités et je devais trouver les meilleurs.

ProductiveDreams : Footer preview

Les réseaux sociaux occupent une place de choix sur ton site. Peux-tu nous dire pourquoi ? Cela génère t’il un fort trafic ?

Les réseaux sociaux tels que Twitter, Facebook, Orkut etc. permettent d’interagir avec d’autres personnes partageant les mêmes centres d’intérêt. Personnellement je suis un grand fan de Twitter (@gopalraju). Je tweet beaucoup pour parler de design et autre… Twitter et Stumble Upon m’apportent beaucoup de visiteurs et je ne saurais que recommander leur utilisation.

Cette interview touche à sa fin, as-tu un message à faire passer au public français qui lira cet article ?

Merci de m’avoir posé toutes ces questions. C’est toujours un plaisir de pouvoir partager mon expérience avec d’autres personnes. J’aime mes lecteurs, tous leurs commentaires et les emails me motivent beaucoup pour continuer. Faisons de ce monde un endroit meilleur en nous aidant les uns les autres !

Merci beaucoup pour ta disponibilité et encore félicitations pour ton excellent travail sur ProductiveDreams !

Quelques liens pour finir :