Morceaux choisis : SVSS, Duckfarm, Choppr, Notrio et Studio 291
Publié le 23 jan 07 à 07:16 | Catégorie : Design Web | 6 commentaires
Morceaux Choisis, la série d’articles qui s’intéresse au génie et au design de certaines parties d’un site Internet, a préparé pour cette nouvelle édition une petite sélection d’éléments graphiques très réussis. Après un détour sur le site de l’orchestre Sun Valley Summer Symphony et celui de Duckfarm dont j’ai déjà parlé ici, nous irons visiter Choppr (un service de découpage de fichiers), l’hébergeur Notrio et pour terminer Studio 291 , la maquette d’un projet qui n’a malheureusement pas abouti.
SVSS ou Sun Valley Summer Symphony est une formation musicale privée qui produit des concerts gratuits lors d’un festival d’été dans l’Idaho. L’entête de leur site Internet traduit bien l’esprit de ce rassemblement qui a lieu juste en face des montagnes :
Surtout, il met bien en valeur la date des concerts et la venue de personnalités en intégrant ces informations directement dans la photo du paysage.
Dans un tout autre registre, Duckfarm produit des fonds d’écran très jolis. On peut donc les télécharger depuis leur site et surtout s’abonner à un flux RSS pour être prévenu de la mise en ligne de nouvelles images. Le bouton RSS est un des plus beaux que j’ai jamais vu :
L’autre bouton pour accéder aux images sur le service de partage Flick est du même acabit. Le fond sombre de l’entête fait bien ressortir ces deux boutons, on ne peut vraiment pas les rater lorsqu’on visite ce site.
Choppr, qui porte plutôt bien son nom, propose un service de découpage de fichiers. L’idée est de vous aider dans la conception d’un site Internet en prenant en charge la transformation (il est vrai souvent fastidieuse) du design que vous aurez mis au point en fichiers (XHTML, CSS et images) :
Comme vous pouvez le voir, les différentes étapes pour utiliser ce service en ligne sont clairement définies dans des sections du plus bel effet. La colonne de droite attire également l’attention avec des éléments graphiques très travaillés (badge, boutons, ombrage, …).
Notrio, un hébergeur américain, emploie le même genre d’éléments dans son site :
Les deux badges en bas à droite vont bien ensemble et indique de manière très distincte les avantages de leurs offres. Les boutons Details et Order Now! en bas de chacune d’elles sortent un peu de l’ordinaire grâce à une bordure translucide (notez aussi l’effet de réflexion juste derrière).
Enfin pour terminer, Studio 291 est un projet sur lequel travaillent plusieurs élèves regroupés au sein du studio de développement Serene Green. Le projet semble arrêté pour le moment, mais il est toujours possible de jeter un coup d’oeil à la maquette :
Ce qui m’a frappé ici, c’est l’utilisation des couleurs. Les quatre sections sur la droite aux tons pastels très clairs sont plutôt originales car il n’est pas courant d’employer des fonds striés (à cause du manque de lisibilité) surtout avec des bords arrondis. Chaque détail (la bulle avec le nombre de commentaires, le nom de l’auteur qui reprend un peu la couleur du fond) montre qu’un véritable travail de web design a été entrepris ici.
A lire également
Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :
- Maintenir le rythme lors de la conception de personnages vectoriels
- 6 pixels de séparation
- Pawel Kadysz
- Le web design, c'est comme un long voyage
Les visiteurs qui ont vu cette page ont consulté ensuite :
- 7 outils pour bien choisir les couleurs de son site (4 lectures)
- 16 librairies et scripts pour générer des graphiques sur Internet (3 lectures)
- Morceaux choisis : Church Plant Media, 5pm, E-Space, NetNova et Fetch (2 lectures)
A savoir
La rédaction de cet article a nécessité 1 heure et 34 minutes. Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.





6 commentaires à propos de “Morceaux choisis : SVSS, Duckfarm, Choppr, Notrio et Studio 291” :
Rien à dire au sujet de http://www.svsummersymphony.org.
J’adore également le bouton RSS de http://www.Duckfarm.net. Bon pour les fonds proposé par http://www.duckfarm.net je les trouve très bien mais je préfère encore mon fond Vista
http://thechoppr.com: J’adore la structure de ce site, très web2. Je pense d’ailleurs adopter une charte identique pour la version 2 de http://www.formaco.info. Plus sociable mais aussi plus risquée (les modes changent).
Pour les boutons de http://www.Notrio.com je les trouvent sympa, -+ (sans plus).
Par contre leurs annonces sont de loin les meilleures ! A voir http://www.infomaniak.ch.
Incroyable comme http://www.serenegreen.com me fais penser à http://www.basecamphq.com, allez savoir pourquoi
@++
Chris.
Badoux le 23 janvier 2007 à 08:22 (#1)
Une chouette sélection…petite pref pour la structure de choppr
Ben le 23 janvier 2007 à 19:08 (#2)
je suis scié par le service de “thechoppr”. Je ne connaissais pas et je trouve çà excellent.
Est ce que quelqu’un a déjà testé ce service ?
tijuan le 23 janvier 2007 à 23:14 (#3)
Il existe d’autres services de ce type, mais je ne les ai jamais testé. Le concept est vraiment intéressant, mais je me demande si les fichiers générés sont réellement compatibles avec tous les navigateurs existants (ou au moins avec les principaux) et sont bien optimisés. D’autant plus que tous les effets de style (ombre portée, transparence) ne peuvent pas être forcément retranscrits au format HTML/CSS. Il y a d’ailleurs un très bon billet à ce sujet sur AJBlog.
Stéphane le 24 janvier 2007 à 07:13 (#4)
Enfin une entreprise française: WeCode, leur slogan: you design, we code.
Pas encore testé mais les sites sur leur page “clients” ont l’air pas mal du tout.
Nicolas le 24 janvier 2007 à 14:30 (#5)
Thank you very much for your kind words.
A very nice review.
Regards
The Choppr
Choppr le 1 février 2007 à 00:52 (#6)
Ajouter un commentaire