Menu vente en ligne

Tag Archives | Webdesign

Molusk.com désormais sur iPhone!

Après notre petit redesign, j’ai pris le temps de développer un thème cohérent adapté aux téléphones mobiles. Connectez-vous simplement depuis votre smartphone pour afficher une version optimisée !

Vous pouvez accéder aux informations principales, à l’exception de la vente en ligne (pour le moment). Un lien en pied de page permet de basculer facilement vers la version « normale ». Site testé sur iPhone et Windows Phone (encore quelques bugs), pas encore sur Androïd…

Site Molusk iPhone

Parmi les quelques embuches rencontrées, les plus coriaces ont été les suivantes :

  • Gestion de la rotation d’écran (portrait/paysage).
  • Affichage des titres sur une ou deux lignes, avec césure optimisée des extraits d’articles.
  • Commentaires possibles depuis le téléphone.
  • Galerie de photos synchronisée depuis FlickR (page « Bijoux »), agrandissable ou fermable en pop-up.

Site Molusk iPhone - Screenshots

2

Molusk.com aux couleurs de l’été

Molusk.com, v4.5 ! Pas une « vraie » nouvelle version, plutôt un redesign léger de la version en ligne depuis novembre 2010. On conserve l’utilisation polyvalente des miniatures, ainsi que l’aspect général des fiches produits. On a essayé de simplifier encore la navigation, en épurant quand c’était possible.

  • Changement de motif, et harmonisation de la gamme colorée bleue.
  • Nouveau fond de page pour faire ressortir les blancs, harmonisation des cadres, boutons, liens…
  • Nouveau diaporama en page d’accueil, enfin actualisé !
  • Page des points de vente remise en page.
  • Passage à MailChimp pour la newsletter Molusk.
  • Fin du support d’Internet Explorer 6, mettez-vous à jour ! Encore quelques problèmes à gérer sous IE7 (PNG transparents…).
  • Réécriture d’url’s pour plus de cohérence, correction de redirections.
  • Meilleure intégration de Facebook (boutons Like & OpenGraph).
  • Niveau back-office, mise à jour de WordPress, et du serveur Gandi.

Moluk V4.5

0

Hello molusk.com !

Voici enfin notre nouveau site web, qui a pris pas mal de retard avec tous les salons de fin d’année, mais on a mis le turbo pour qu’il soit près avant noël.

Le principal changement est le basculement du site molusk.net sur le domaine molusk.com, que nous avions racheté il y a 6 mois car il était squatté (nous étions sur le .net depuis déjà 5 ans). Pensez donc à changer vos favoris, flux RSS etc, bien que nous ayons mis en place des redirections automatiques pour une transition en douceur (n’est-ce pas google ?). Pour voir l’évolution du site web depuis le tout début, c’est par là.

Molusk V4 - Home - Novembre 2010

Au menu donc :

  • Côté graphisme : un (petit) travail sur la typographie avec l’utilisation d’une police spéciale (via Cufón)
  • Des miniatures d’articles un peu partout : sur l’accueil, dans les pages de catégories, de recherche, et surtout dans les archives, ce qui donne un super résumé visuel de nos 3 ans de blog.
  • Une boutique en ligne entièrement revue : la précédente manquait de séduction et de clarté, donc pour la nouvelle mouture on a beaucoup travaillé la lisibilité des fiches produit et du processus de commande. Apparition d’un carrousel défilant qui se balade en pied de page. Les photos sont davantage soignées, étant donné que ne seront mis en ligne que des produits en (moyenne) série, exit donc les pièces uniques qui demandent trop de travail de retouche. Il manque encore plein de choses, nous allons ajouter d’autres bijoux dans les jours qui viennent.
  • Quelques nouvelles pages : Presse kit, Fabrication, Espace Pro (revendeurs…)
  • Intégration poussée Facebook/Twitter : Importation automatique des status Facebook sous forme de micro-billets (merci Patrice), bouton Like, bulle en pied de page, importation des commentaires laissés sur notre fanpage
  • Côté back-office, un meilleur référencement grâce à un code optimisé et plus léger, et des fonctions PHP mises en cache pour un chargement plus rapide. Techniquement c’est toujours du 100% WordPress (Shop inclus)

En détails :

Molusk V4 - Novembre 2010 - Details


Remerciements techniques :
Les voisins geek de chez Oxent/Gamersband, Maxime de Blogtoolbox, Fran6 pour ses tutos, SEO Mix, WooThemes, Eiffair… qui m’ont tous bien servi pour débugger des petites choses ou pour l’inspiration.


Todo list (choses à faire) :

  • Remplir la boutique pour noël
  • Harmoniser les couleurs, corriger des problèmes d’alignement, bref affiner le graphisme en général
  • Vérifier la comptabilité dans tous les navigateurs (Internet Explorer…)
  • Dormir

Vous aimez ?

5

Flickr : Comment supprimer toutes les photos d’un album en une fois ?

Une petite astuce pour les utilisateurs de Flickr, un site web pour héberger des photos en ligne que nous utilisons activement :

Si vous voulez supprimer toutes les photos d’un album, allez dans « Organiser » (menu du haut), puis choisir en bas à gauche l’album dans le menu déroulant « tout le contenu ». Faire glisser toutes les miniatures du bas dans la partie du milieu, puis cliquer en haut à gauche sur « modifier les photos » > « Supprimer », et confirmer l’action. Si l’album ne contient plus de photos, il sera alors automatiquement supprimé.

Voici comment procéder pour supprimer des images par lots sur Flickr :
Flickr : Supression par lots

Note : Si vous supprimez un album, cela ne supprime pas les photos qu’il contient. Les photos ne sont alors plus attribuées à cet album mais sont toujours accessibles par la même adresse URL.

Il serait temps que Flickr mette à jour son ergonomie un peu dépassée !

5

Molusk cité sur le site du plugin Shopp pour WordPress

Molusk est mis en avant dans le Showcase (la galerie) du plugin e-commerce Shopp (pour WordPress), qui fait tourner notre boutique en ligne. J’ai personnellement contribué à traduire le plugin en français, et j’ai développé l’intégration au site.

Molusk is a French brand that sells contemporary jewelry. I’d been wanting to add an ecommerce store to my WordPress portfolio for about a year. Magento and Prestashop were too complicated to sell a small number of products, and not integrated to WordPress. I found Shopp, as an affordable solution, and although I’m not a web designer, and don’t speak english very well, I’ve succeed in what I wanted to do. The support is very good. On my website, Shopp is used on a separate online shopping section, and is fully integrated with the original design. The most difficult part was to design the product pages, with large pictures and thumbnails, to focus on details. I’ve also used shopp products tags to sort jewels by colors, and I’ve also included a customed random sidebar widget, with my own PHP code. It allows me to see products everywhere on the website. Now, WordPress is a powerfull CMS for me! And it’s very easy to add new products when the template is finished. An English version of this website will be coming soon.

Shopp Showcase

WordPress + Shopp. Perfect.
Shopp is an e-commerce plugin that adds a feature-rich online store to your WordPress-powered website or blog. Get your store up and running in minutes. Then, take it to the next level with the flexibility of Shopp’s customization tools that allow production studios and power users to tailor every aspect of the shopping experience.

23

Powered by WordPress. Designed by WooThemes