Accueil  -  Kits  -  Kits Uniques  -  Graphistes  -  Devis  -  Contact

Voir votre panier

Newsletter :

My Ecommerce

Par : Seldo

Ajouter au panier | Téléchargement immédiat

Description du kit graphique

Incroyable et multifonction voila les deux mots qui pourraient définir à merveille le kit graphique CleanShop, 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, un moteur de recherche google adapté à l’interface … 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 Clean Shop est tout à fait adapté aux sites d’information, rien ne vous empêche d’utiliser ce kit pour un site autre que e-commerce. Clean Shop 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 ai 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 DarkCorporate 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 commune à chaque page

Description de l’interface graphique Clean Shop du haut vers la bas (page standard).

Un header graphique contenant un logo à gauche (vous pourrez le personnaliser facilement car nous vous proposons les sources photoshop ainsi qu’un guide).

Dessous nous avons un menu horizontal entièrement codé sous forme de liste CSS ; au survol de la souris les onglets change de couleur, et sur chaque page l’onglet actif deviens blanc pour aider l’internaute à naviguer sur le site internet.

Ensuite nous avons sur la partie gauche un menu vertical textuel avec son header (effet de survol sur les liens) et enfin dessous des blocs graphiques pour affiches les derniers produits ajouté à 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.

Sur la droite nous avons un menu vertical textuel avec son header (effet de survol sur les liens) puis un bloc pour présenter les meilleures ventes (par exemple).

Et enfin un footer pour appliquer vos copyright et autres crédits de création.

Description des fonctionnalités page par page

Page 1 : index.html
La page d’accueil du site, elle correspond également à une page spécifique produits, elle concentre des points réactifs et dynamique que vous pourrez utilisez sur toutes les pages du site : zoom des images via lightbox, liste avec hover graphique, texte css etc…

Page 2 : page2.html
Cette page est une page dite standard mais possédant quand même son unicité puisque dans l’exemple elle présente une liste de produits récemment disponible.

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 !

Les images d'affiches de films sont uniquement utilisées pour illustrer la fonctionnalité de Galerie Photo. Elles ne font pas partie du kit graphique, et restent sous copyright de leurs auteurs respectifs

Page 4 : page4.html
Ici nous aurons le moteur de recherche, il permet de faire une recherche sur le site via google, pratique de donner ce petit plus à ces internautes ;)

Page 5 : page5.html
Cette page est une page standard d’information, dans notre exemple elle présente les conditions d’expédition des commandes.

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/index.html

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/index.html

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.

Un formulaire de recherche
Le moteur de recherche Google dans votre kit graphique ! Vos futurs internautes auront la possibilité de lancer une recherche google directement à partir de vos pages. Vous n'avez rien à programmer le moteur de recherche est déjà fonctionnel !

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.

Autres liens sur Internet en rapport avec l’interface graphique DarkCorporate

• Plus d'information sur cette interface graphique : CleanShop


• Script LightBox


• Script ImageFlow

Aperçus du kit

Ce kit graphique a d'autres aperçus disponibles.

Par : Seldo

Ajouter au panier | Téléchargement immédiat