BlackCaméra
Description du kit graphique
Exclusif : Ce kit inclut les options PREMIUM ! Si vous achetez cette interface graphique :
Nous personnaliserons gratuitement le logo de l’interface à votre nom (valable une seul fois et pour un seul nom).
Nous vous aidons à mettre en place l’interface graphique sur votre site (grâce à nos articles d’aide, et notre assistance).
De plus vous bénéficierez d’une assistance directe avec le designer de cette interface graphique
Incroyable et multifonction voila les deux mots qui pourraient définir à merveille le kitgraphique CameraShop, ce kit graphique dépasse les fonctions simples de la traditionnelle charte graphique puisque nous vous proposons aujourd’hui un site clé en main composé de 6 pages en HTML (exploitable en l’état) avec des fonctions comme menu CSS dynamique avec onglet de survol et de situation, page de contact et d’envois d’email (en PHP), une page produits avec spécificités, fiche technique et zoom de l’image via le script JS lightbox, galerie de photo par effet glissant et reflet web2.0… Mais surtout nous vous proposons un logo créé rien que pour vous, exploitable simplement, nous fournissons même les fichiers sources photoshop et un tutorial pour le personnaliser.
De plus CameraShop est tout à fait adapté aux sites de e-commerce (multidomaine), rien ne vous empêche d’utiliser ce kit pour un site autre que e-commerce (pour un blog par exemple). CameraShop est multifonction et saura s’adapter à la publication de vos contenus.
Pas la peine d’être un as de l’informatique, ni même d’avoir de grandes connaissances en programmation pour adapter ce kit graphique. De plus une assistance vous est proposéé : pour les débutants nous proposons via le site wks.fr plusieurs tutoriaux pour vous aider à personnaliser les kits graphiques achetés dans notre galerie. Voyez par vous-même sur ces pages :
Votre site ne mérite-t-il pas d’être le plus beau ? Habillez votre site avec CameraShop c’est acquérir un aspect professionnel, intuitif, et tendance. N’oubliez pas que c’est via l’aspect graphique de votre site que vos internautes jugeront votre sérieux.
Description des fonctionnalités communes à chaque page
Description de l’interface graphique CameraShop du haut vers la bas (page standard).
En haut à droite un logo original et nouvellement créé pour l’interface graphique CameraShop (source et explication pour personnalisation avec le kitgraphique). Et sur sa droite un menu CSS par onglet avec état actif !
Dessous nous avons une side barre contenant des blocs qui s’affiche en glissant de gauche à droite, la navigation se fait avec les petits chiffres se trouvant en dessous (voir la description vidéo pour plus de détail sur cette fonctionnalité).
Ensuite nous avons sur la partie gauche et droite un menu vertical textuel avec son header (effet de survol sur les liens) et enfin dessous des blocs graphiques pour afficher les derniers produits ajoutés à la boutique (nous avons ajouté le fichier source photoshop pour que vous puissiez vous aussi exporter vos propres images).
Pour les contenus il y a un header pour afficher le titre de l’article et dessous le texte.
Et enfin un footer pour appliquer vos copyright et autres crédits de création. Rappel du logo en bas de page.
Description des fonctionnalités page par page
Page 1 : index.html
Elle correspond très bien à une page d’accueil type e-commerce : affichage d’un produit en zoom, liste de nouveaux produits. Description des frais de ports etc…
Page 2 : page2.html
Cette page est une page dite standard.
Page 3 : page3.html
Cette page correspond à la galerie, elle s’affiche sous forme de plusieurs vignettes qui se suivent et s’affiche avec un effet glissant. Très facile d’utilisation vous pourrez y placer autant d’image que vous voudrez !
Page 4 : page4.html
Cette page est une page dite standard.
Page 5 : page5.html
Cette page est une page dite standard. Mais possédant une présentation Blog, elle vous permet de constater à quelle point cette interface et flexible et permet de s’adapte à tout type de site internet.
Page 6 : page6.html
Page de contact, cette page contient un formulaire validé par JavaScript et envoyé via PHP, vous pourrez donc recevoir des messages de vos internautes / clients sans donner pour autant votre adresse email personnelle !
Programmation de l’interface dark corporate
Full CSS :
Toute l’interface est code en strict XHTML CSS
Les menus sont sous forme de liste / facilement paramétrable
Les styles de texte et de mise en page sont placés sur une feuille css externe
Galerie effet glissant + miroir (type apple)
Galerie CSS + PHP présentant plusieurs photos sous forme de vignette, celle-ci glisse et se présente avec un reflet à la web 2.0 ! Cette galerie est tout simplement délicieuse : vous pouvez voir un exemple sur http://www.wks.fr/kitgrafik/light2/
Zoom de vos images par surimpression de l’écran
Image dynamique placé vos vignettes dans une balise div spécial et vos images s’ouvriront en grand grâce à une animation surprenante. Voir un exemple sur cette page : http://www.wks.fr/kitgrafik/light1/
Un formulaire de contact
Géré en JavaScript pour sécuriser le formulaire et en PHP pour traiter l’envoi du mail vers votre boite email. Ce script et paramétrable en deux minutes.
Une side bar de naviguation
Présentation de news ou produit par bloc qui défile de gauche à droite selon le clic sur les numéros de pagination. Effet très agréable et intéressant pour présenter beaucoup de contenus dans un espace restreint.
Information complémentaire sur le design
Un header avec un logo original pour votre futur site internet (header vierge disponible + fichier PSD du logo)
Un menu horizontal avec effet de rollover + bouton onglet pour faciliter la navigation sur le site, chaque page à sa propre couleur !
Présence des images vierges : logo, header, bouton.
Présence du fichier PSD de l’interface complète pour vous aidez à modifier en profondeur votre prochain site.
Pour plus d’information (print screen) visiter la page publié sur le blog de l’auteur :
http://www.wks.fr/Interface-Graphique-Camera-Shop.html
Aperçus du kit
Ce kit graphique a d'autres aperçus disponibles.
Signez le Livre d'Or
Accueil : 01 Annuaire LD
