Tout le monde veut une entreprise avec moins d’investissements mais plus d’opportunités. Quel domaine est actuellement le plus rentable ? C'est vrai, le numérique.
Le marché est en constante évolution, il existe de nombreuses directions dans lesquelles s'appliquer. Vous pouvez par exemple créer des sites Web personnalisés. Que faire si vous n'avez aucune compétence technique ? Vous devez apprendre à concevoir, mettre en page et écrire du code, ou trouver des personnes capables de le faire, constituer une équipe et ouvrir un studio Web.
Studio web : qu'est-ce que c'est ?
Un studio web est une entreprise qui développe et conçoit des sites web. Il s'agit toujours d'un groupe de personnes, où chacun est responsable de sa part de travail. Une personne qui crée des sites Web n’est pas encore un studio.
La composition du studio dépend de ses objectifs. Si l’objectif est de créer des sites Web, vous avez besoin de programmeurs, de concepteurs, de responsables des ventes et du service client ainsi que d’un chef de projet.
Lorsqu'il s'agit non seulement de création, mais aussi de promotion, les spécialistes du marketing Internet sont nécessaires.
Le studio Web n'a pas de règlement en matière de personnel. Mais si vous vous concentrez spécifiquement sur le développement de sites Web, vous devez alors embaucher des programmeurs et des développeurs front-end dans votre équipe. Si la spécialité de l'équipe est le design, embauchez des designers. Le reste du travail peut être externalisé.
Combien gagne un studio web ?
Les revenus dépendent du coût des projets. Les studios débutants (généralement ceux qui se situent en bas du classement) gagnent environ 60 000 roubles par projet. Ensuite, les commandes augmentent, les prix augmentent et les revenus augmentent. Un studio Web expérimenté avec un nom peut réaliser des projets pour 600 à 900 000 roubles ou plus.
Coût de création d'un site internet
Comment ouvrir un studio Web
Pour ouvrir votre propre studio Web, vous devez d'abord calculer vos dépenses initiales. Vous devrez enregistrer une entreprise, louer un bureau, acheter du matériel, payer les salaires de l'équipe principale et des pigistes, sans oublier les impôts.
Alors, pour quoi devrez-vous dépenser de l’argent au tout début ?
Enregistrement de la société(devoir d'état)
Entrepreneur individuel - 800 roubles.
LLC - 4 000 roubles.
Site personnel
La création du site internet est gratuite par l'équipe.
Domaine, hébergement - à partir de 100 roubles par mois.
Location de bureaux
Une chambre pour 5 à 10 personnes coûte environ 30 000 roubles à Moscou ; dans les régions, on peut la trouver moins chère.
Acheter des meubles
Table, chaise - à partir de 3 000 roubles par pièce, multipliés par le nombre d'employés du bureau.
Achat de matériel
Ordinateur portable - à partir de 20 000 roubles.
MFP - à partir de 5 000 roubles.
Impôts(selon le régime fiscal choisi)
Impôt sur le revenu - 13%.
Impôt sur le revenu - 20 % pour LLC.
Salaire aux employés
Développeur frontend - 60 000 roubles.
Programmeur/développeur backend - 80 000 roubles.
Concepteur UI/UX - 50 000 roubles.
Sur quoi économiser
Vous pouvez commencer à travailler à distance, vous pourrez alors économiser sur la location d'un bureau, l'achat de mobilier et d'équipement. Mais les employés distants sont plus difficiles à contrôler, et les délais peuvent donc être manqués.
Si vous décidez de louer un bureau, un petit bureau suffira pour commencer. L'essentiel est que l'équipe principale y trouve sa place. Les autres employés peuvent travailler à distance.
Qui emmener dans l'équipe
Pensez aux services sur lesquels vous souhaitez vous concentrer ; cela déterminera qui embaucher en tant que personnel et qui externaliser.
Disons que votre studio s'engagera uniquement dans le développement et la conception de sites Web. Idéalement, vous avez besoin de : un programmeur, un développeur frontend, des concepteurs UI et UX, des directeurs commerciaux, un chef de projet, un analyste, un comptable, un rédacteur. Et aussi un responsable RH qui rassemblera et développera toute cette équipe.
Pour commencer, vous ne pouvez embaucher qu'un programmeur, un maquettiste, un concepteur et un chef de projet. Les fonctions de conception doivent être externalisées. Et se passer complètement d'un directeur commercial. Ensuite, le manager devra s'occuper des ventes dans un premier temps.
Peut-être pas tout de suite, mais vous aurez besoin d'un comptable dans le studio web. Quelqu’un doit s’occuper des finances. Mais il n’est pas nécessaire qu’il soit tout le temps au bureau. Un comptable peut effectuer la plupart du travail à distance. Ou vous pouvez trouver un pigiste qui peut vous aider à mettre de l’ordre dans vos finances.
Votre équipe a besoin d'un visage, et un studio Web sans site Web ou avec un design de 2007 est un échec immédiat. Un site Web est un portfolio et sa tâche est d'attirer des clients. Par conséquent, vous devez penser non seulement à la conception, mais également au contenu du site.
Vitrines
Dites-nous comment vous travaillez
Et quelles technologies utilisez-vous ?
Vous avez rempli tous les documents et embauché une équipe. Peut-être même ont-ils loué un bureau. Vous pouvez désormais rechercher vos premières commandes.
Le moyen le plus simple est d’utiliser le bouche à oreille. Très probablement, vous connaissez des personnes qui ont besoin d’un site Web ou qui peuvent recommander votre studio à leurs amis. Vous pourrez ainsi obtenir les premières commandes, et donc les premières recommandations.
Parlez-nous de vous sur Internet sur différentes plateformes. Utilisez des services tels que Upwork, Toptal, Freelancer. Vous pourrez y présenter vos services, trouver des commandes ou des collaborateurs pour l'équipe.
Vous avez trouvé les premières commandes et le processus a commencé. C'est presque une victoire. Pour rendre les commandes plus chères et augmenter les revenus de l’entreprise, les compétences d’un directeur commercial seront utiles. Si vous souhaitez recevoir des projets rentables, placez la barre plus haut. Devenez un leader : étudiez les méthodologies et les principes de gestion ( , ) et mettez-les en œuvre dans votre travail.
Vous savez maintenant où aller pour créer votre propre studio Web. Si vous décidez, soyez prêt à apprendre quelque chose de nouveau chaque jour. Il faudra du temps pour acquérir de l'expérience. Mais ce processus peut être raccourci s'il y a des mentors : des personnes qui ont déjà franchi la partie la plus difficile du chemin, ont fait beaucoup de progrès, ont réussi et sont prêtes à partager leur expérience.
Si vous avez des doutes ou avez peur de commencer, le cours vous aidera à définir correctement les priorités, à constituer une équipe et à organiser le travail. Cela ne veut pas dire que les enseignants feront tout pour vous. Mais ils sont prêts à parcourir ce chemin avec vous, car ils savent exactement à quel point il est difficile d’être débutant.
Le chemin du Smolensk Adeptum de zéro vers des services à forte charge et de grandes startups.
Vers les favoris
La plupart des histoires de studios célèbres commencent par le fait qu'ils se sont organisés eux-mêmes ou sont venus de grandes agences, ont trouvé un nom et ont immédiatement obtenu de gros clients, des récompenses et une ascension rapide.
Cette histoire parle d'un studio qui se situe entre son premier démarrage et la prochaine étape. L'histoire est celle d'un studio qui a une chance de décoller et de recevoir ses premiers prix et de gros clients.
Comment tout a commencé
Les fondateurs du studio Web « Adeptum » Anton Klimenkov et Slava Korostelev ont travaillé dans le secteur de l'événementiel, chacun d'eux a développé et modéré les sites Web de leurs entreprises de divertissement. En 2012, ils ont vécu leur première expérience commune en travaillant sur un projet : une application iOS pour une discothèque. La fonctionnalité vous permettait de regarder des reportages photo, d'écouter la radio en ligne et de commander de la nourriture. Anton a participé à la gestion du processus de développement et des tests, Slava était l'exécuteur testamentaire. Pendant longtemps, Anton a accumulé de l'expérience dans la gestion et le lancement de divers projets, et Slava a étudié les langages de programmation.
À cette époque, tout allait bien dans le secteur de l’événementiel et de la vie nocturne. Personne n'aurait pu imaginer que dans 2 ans il y aurait un bureau assez grand en centre-ville, une équipe de 15 professionnels et de grands projets - services web, applications mobiles, notre propre cms et de grands plans de développement !
Premiers clients
Au fil du temps, une réputation et des recommandations sont apparues, et à un moment donné nous avons été confrontés à un choix : continuer à travailler sur des sites simples, ou faire un pas en avant, changer de business model et nous recentrer sur ce qui nous inspire le plus : les grands services, les startups. et applications mobiles. Nous avons choisi la deuxième voie, la plus difficile.
Le premier projet sérieux développé fut le guichetier « Smolkassa ». Le service permet aux utilisateurs d'acheter des billets pour des événements en ligne et à l'aide d'applications mobiles, et les organisateurs peuvent promouvoir leurs concerts et vendre des billets.
Ensuite, nous avons embauché un service fédéral de formation en ligne avec une plate-forme pour organiser des webinaires, lancé des travaux sur notre propre CMS, des projets pour les concessionnaires officiels Ford et Volkswagen et une coopération avec une agence du top 100.
A propos du nom
En novembre 2017, lorsque la première version de notre CMS était prête et que nous avions derrière nous 15 projets mis en œuvre avec succès, nous avons décidé de changer de nom. « Nous sommes une équipe passionnée par le code et la conception de haute qualité, concentrée sur la résolution des problèmes assignés. Nous sommes attachés à notre métier dont le concept se révèle sous le nom « Adeptum ».
En décembre 2017, nous avons décidé de changer le nom de « We Are Your Friends » en « Adeptum » et avons lancé le processus de « brevet ».
Comment fonctionne le studio
Le studio travaille dans trois domaines :
- Conception et développement de services web + travail sur startups ;
- Applications mobiles en langues maternelles ;
- Création de sites Internet utilisant notre propre système de gestion ;
Aujourd'hui, l'équipe compte quinze personnes, sept au bureau (développeurs principaux backend et frontend, management, chef d'équipe), huit travaillant à distance (concepteurs, testeurs, spécialistes java). Nous affectons une équipe distincte pour chaque projet et au sein du studio, nous travaillons selon des méthodes Agile. Il est important pour nous de résoudre les problèmes posés et de créer un produit sympa.
L'équipe comprend de solides spécialistes. Nous avons un bon niveau de maîtrise de PHP, MySQL, Node.js, Phython, Java, Objective-C, Delphi, HTML5, CSS, JS, React, jQuery, Redis, ElasticSearch. Pour les prototypes et la conception, nous utilisons Figma ou Sketch. Notre studio coopère avec deux grands centres de données - DataPro et Smoltelecom, où sont installés et entretenus les serveurs des projets que nous développons.
Nous avons commencé la nouvelle année 2018 dans un bureau agrandi au centre-ville - c'est la troisième année et à chaque fois nous occupons plus d'espace.
Tous les employés bénéficient d'un MacBook ou d'un PC, d'un lieu de travail confortable, d'horaires de travail flexibles et de primes agréables au bureau et en dehors. La direction du studio aide toujours à s'adapter aux différentes situations de la vie.
Canaux de promotion
Nous voyons également des perspectives dans la participation des dirigeants et des représentants des organisations aux forums industriels, aux événements commerciaux, au marketing Internet et aux médias sociaux.
Il n'y a pas de directeur commercial dans le studio. On essaie de travailler lead2lead, hors conversations administratives, on va droit au but dans les négociations avec celui qui prend la décision finale. Cela vous aide à définir rapidement les tâches, à obtenir des résultats et à donner une évaluation à chaque étape.
Principaux projets du studio
Avec l'agent de billetterie susmentionné - "Smolkassa" -, nous avons créé plusieurs projets sérieux et à grande échelle.
L'un d'eux est un service de formation pour dentistes doté de sa propre plateforme de webinaires « Stomweb ». Aujourd'hui, le service est utilisé par plus de 100 000 personnes en Russie et dans les pays de la CEI.
Le second est un complexe logiciel et matériel pour les agents de billetterie - « Eventkassa ». Le produit offre une gamme complète de possibilités aux organisateurs d'événements.
Ce système vous permet de réserver et de vendre n'importe quelle place en ligne, de contrôler l'entrée et de créer des rapports complets. Le service a la capacité de s’intégrer à n’importe quelle plateforme et site Web. Aujourd'hui, Eventkassa opère dans 12 villes de Russie. En 3 ans, environ 190 000 billets de concerts, spectacles, théâtres et cirques ont été vendus par son intermédiaire.
Un autre projet de notre équipe vient d'entrer en production et a toutes les chances de changer le marché automobile. "CarWeGo" s'adresse à l'acheteur et lui offre la possibilité de créer une publicité pour l'achat d'une voiture avec ses souhaits. Les vendeurs voient la demande et proposent leurs voitures pour cette annonce. Comme tous les sites connus de vente de voitures, mais à l'envers.
Parallèlement à ces produits, nous souhaitions travailler sur un concepteur d'album photo en ligne qui automatise entièrement le processus de création, de mise en page et d'envoi de l'album fini à l'utilisateur. Ayant une vaste expérience, nous avons travaillé avec des personnalités et des entreprises des médias - nous avons créé des sites Web pour la tournée de Svetlana Loboda, collaboré avec le groupe Swanky Tunes et le grand holding radio « Media-Fm ».
J'ai de l'expérience dans la création de sites Web pour des entreprises d'Israël, de Hongrie et des États-Unis.
Coopération avec une agence du top 100, travaillant sur un projet pour l'une des principales banques du pays, avec un NDA signé.
Des difficultés
La première difficulté était l’argent. Nous avons commencé sans investissement. Tout ce qui existe aujourd’hui est le fruit de nos efforts et de notre travail acharné. Le chiffre d'affaires de la société est constitué de ses fonds propres. Au début et à chaque étape de l'expansion, nous avons appris quels sont les risques et comment travailler sans profit, sans jamais retarder les salaires des employés.
La deuxième difficulté, ce sont les gens dans l'équipe. Nous avons besoin de professionnels prêts à évoluer et à travailler à un rythme effréné aux côtés des mêmes personnes. Le problème c’est qu’il y en a très peu dans notre région. Parfois, il faut « chasser » de manière totalement atypique, mais parfois les gens eux-mêmes viennent dire : « Chez toi, c'est cool ! Essayons de travailler ensemble."
Développement et plans
Nous avons l'impression d'en être au stade du démarrage, malgré les projets et le portefeuille réalisés. Nous sommes motivés par l’ambition et le désir de faire mieux et plus grand à chaque fois.
Dans un avenir proche, un progrès encore plus important sera réalisé. Stratégiquement, nous voulons entrer sur le marché et rivaliser avec les grands acteurs, travailler pour des marques connues et collaborer avec les meilleures agences numériques de Russie. Cela devrait conduire à une augmentation de 2 à 3 fois du chiffre d'affaires de l'entreprise.
Nos plans opérationnels incluent le lancement en production d'une classification internationale b2b, sur laquelle nous travaillons depuis sept mois. Sortie de deux projets internes du studio - une plateforme internationale de webinaires et un service/application pour les photographes de mariage. Coopérer avec la Skolkovo Business School et le Technopark.
Nous nous efforçons de nous développer, nous recrutons une équipe et, en parallèle de nos principaux projets, nous travaillons seuls.
De l'auteur : L'émergence du web design, comme Internet, dans notre pays a eu lieu dans les années 90 du siècle dernier. Avant cela, la technologie informatique régnait, pourrait-on dire, à l'âge de pierre, lorsque les sites Web ne pouvaient même pas rêver de contenu visuel : ils étaient entièrement constitués de texte. Pour la première fois, le texte a « rencontré » une image en 1993, et depuis lors, l'histoire de la conception Web a commencé son compte à rebours, auquel mon article d'aujourd'hui est consacré à une brève excursion.
Années 90 difficiles
Malgré le fait qu'à l'ère de la conception Web, les premières pages Web n'étaient que du texte avec des liens et que l'on ne pouvait que rêver de la variété des polices et des effets spéciaux, les développeurs Web se souviennent de ces temps naïfs et anciens avec une bonne mélancolie.
Les premiers sites, les premiers fournisseurs, les premiers web designers. Moniteurs avec une résolution de 640x480, ne prenant en charge que 16 couleurs (!). Texte noir, liens bleus, titres rouges ou roses. Beauté!
De nos jours, grâce aux outils et technologies modernes, même un écolier peut créer son propre site Web de manière totalement gratuite en un seul cours d'informatique. Dans le même temps, la conception, la qualité et la fonctionnalité de ce site seront d'un ordre de grandeur supérieur à celles de ces premières « hirondelles » de la construction de sites, lorsque la conception Web était créée à l'aide de symboles et d'onglets.
Fin 1993, la « percée » tant attendue s'est produite sur Internet : le premier navigateur graphique Mosaic est apparu, ce qui a marqué le début de l'amélioration de la transmission visuelle de l'information. Depuis lors, l’histoire de la conception Web a commencé à se développer à un rythme effréné. En quelques années seulement, le nombre de sites sur Internet est passé de plusieurs centaines à des dizaines de milliers.
En 1996, les images GIF animées, les arrière-plans colorés et les titres trop lumineux font leur apparition dans la conception des pages Web. Apparemment, cette génération de concepteurs de sites Web a ainsi exprimé sa joie de pouvoir enfin s'éloigner de l'ennui et de la routine.
Dans le HTML et la conception Web, les tableaux ont commencé à être activement utilisés, à l'aide desquels toutes les informations d'une page Web étaient structurées. À cette époque, le « découpage des mises en page » n’était pas réalisé par les concepteurs de sites Web, mais par les développeurs.
Certes, il était extrêmement difficile de maintenir la fonctionnalité de structures de tableaux fragiles, et la capacité d'utiliser de bons graphiques (en particulier en utilisant les technologies Flash) était entravée par les faibles résolutions des moniteurs et les faibles taux de transfert d'informations. C'est ainsi que les développeurs ont réalisé qu'ils n'aimaient plus les interfaces externes. Mais c'est une histoire complètement différente
Caramel des années 2000
L’histoire du développement de la conception Web a connu une autre avancée qualitative dans les années 2000, lorsque la technologie CSS (Cascading Style Sheets) a permis de séparer le contenu des pages Web de leur conception. Les années 2004-2006 sont considérées comme le début de l’ère WEB-2.0.
Au début, la technologie n'a pas particulièrement suivi la mode (rappelez-vous les mêmes coins arrondis, dont la disposition était réalisée à l'aide d'images), tandis que la mode, en un sens, « stimulait » la technologie, ce qui se traduisait par une amélioration de la fonctionnalité et de la convivialité. de sites. Dans le même temps, les maîtres du web design ont commencé à utiliser dans leurs créations :
dégradés doux et couleurs douces ;
objets arrondis;
spécularité, brillance, « caramel » dans les boutons, les images et les icônes ;
« offres spéciales » et badges sur la page principale ;
motifs sur le fond.
Vive le contenu mobile
Avant 2007, naviguer sur le Web sur téléphone mobile n’était pas pour les âmes sensibles. L’avènement de l’iPhone et la diffusion massive des réseaux sociaux ont donné une impulsion au développement d’applications mobiles et de sites Internet.
L’histoire du web design a été marquée par de nouveaux défis. Vaut-il la peine d’essayer d’afficher une version complète d’un site Web sur un petit écran de téléphone portable, ou vaut-il mieux abandonner certains éléments de mise en page ? Où insérer des publicités ? Comment télécharger tout le contenu du site sur votre téléphone avec ce débit Internet mobile honteux ?
L’utilisation de grilles en colonnes lors de la conception de la mise en page de votre site Web a été la première étape vers l’amélioration de la situation. Les concepteurs Web ont commencé à utiliser une grille de 960 pixels divisée en 12 colonnes.
L'étape suivante a été la standardisation des éléments du site : boutons, menus, formulaires, navigation, ainsi que la création d'une bibliothèque visuelle avec un code spécifique, qui a permis d'utiliser rapidement chaque élément. Les gagnants ont été les frameworks Foundation et Bootstrap, qui ont commencé à brouiller la frontière entre la conception Web et le code du programme.
Cette approche présente également des inconvénients, mais que serions-nous sans eux ? Les nouvelles conceptions de sites Web se ressemblent de plus en plus. Et les concepteurs de sites Web ne peuvent toujours pas modifier les modèles de sites Web prêts à l'emploi sans comprendre comment fonctionne le code du programme.
Skeuomorphisme et conception de sites Web réactifs
En 2010, les concepteurs de sites Web continuent d'utiliser CSS et HTML, mais adoptent de plus en plus un nouveau concept appelé conception de sites Web réactifs, qui consiste à afficher le même contenu en utilisant différentes formes de mise en page. Dans le même temps, la compréhension de « l’adaptabilité » entre les clients et les développeurs est généralement très différente.
Le client pense : « Oui, une conception Web réactive... Le site fonctionnera donc bien sur un téléphone. » Le développeur réfléchit tout d'abord au nombre de croquis de mise en page, à la charge sémantique des éléments, à la vitesse de chargement du contenu, aux modalités visuelles de présentation de l'information, à la priorité de la version de bureau ou mobile, etc.
En 2011, les concepteurs de sites Web ont finalement commencé à développer un goût artistique et le design naturaliste, ou skeuomorphisme, a remplacé la mode « caramel ».
Les traits caractéristiques du skeuomorphisme incluent le fond « cuir » de l’application de calendrier iOS ou l’icône « poubelle » en trois dimensions.
En général, ce style visuel impliquait l'utilisation de « lettres en relief » tridimensionnelles, de rubans, de « rideaux », d'éléments qui ressemblent à du cuir, du tissu et d'autres matériaux avec une texture physique prononcée et des coutures réalistes.
Du complexe au simple
Au grand bonheur des webdesigners, en 2012, le balancier de la mode a basculé dans l’autre sens. Le skeuomorphisme est devenu un gros mot, les éléments visuels ont été simplifiés au maximum et le contenu a été privilégié. C’est ainsi qu’est né le terme « flat design ».
Les boutons 3D brillants ont été remplacés par des icônes vectorielles plates et des polices Web (tout comme à l'aube du design Web dans les années 1990), renforçant ainsi le dicton : « Ce qui est nouveau est vieux et bien oublié ». Les couleurs vives, la typographie intéressante, les grandes images d’arrière-plan et même les vidéos d’arrière-plan sont également tendance.
Aujourd'hui
Il existe aujourd’hui plusieurs nouvelles idées qui, en principe, soutiennent le mouvement vers un design « plat » (Flat Design), car elles permettent une utilisation efficace de l’espace et concentrent l’attention de l’utilisateur sur les éléments les plus importants du site.
Une tendance qui va bien avec Flat 2.0 est le Google Material Design, avec ses repères visuels sous la forme d'un jeu intéressant de mouvements, de lumière et d'ombres.
De nos jours, les longs défilements, le style vintage avec des images pixélisées et des arrière-plans galactiques, ainsi que des éléments visuels haute résolution sont également à la mode.
J'espère avoir pu vous transmettre les principaux événements de l'histoire du design Web, qui prouvent la relation étroite entre les changements dans la pensée des gens et les tendances en matière de conception Web. Bien sûr, il y a eu des erreurs et des succès, mais il faut reconnaître que la plupart des innovations n'ont profité qu'au design en pleine maturité.
De nombreuses personnes aimeraient se pencher sur l’avenir de la conception Web. Mais son histoire n'est pas pire. Bien que la conception Web ait évolué en quelques décennies seulement, elle est devenue une partie intégrante de nos vies. Cet article examine un bref historique des différentes périodes de la conception Web. Nous espérons que cet article vous aidera à comprendre le passé et le présent de la conception Web, afin qu'à l'avenir, vous puissiez vous-même contribuer à son développement.
Histoire de l'émergence et du développement d'Internet
Internet doit ses origines au Département américain de la Défense et à ses recherches secrètes menées en 1969 pour tester des méthodes permettant aux réseaux informatiques de survivre aux opérations militaires en redirigeant dynamiquement les messages. Le premier réseau de ce type était ARPAnet, qui combinait trois réseaux en Californie avec un réseau en Utah selon un ensemble de règles appelées protocole Internet (IP en abrégé). En 1972, l’accès est ouvert aux universités et aux organismes de recherche.
Eh bien, comment Internet est-il devenu si populaire et développé ? L'impulsion en a été l'émergence du World Wide Web (World Wide Web) - un système hypertexte. L'idée de relier des documents via hypertexte a été proposée et promue pour la première fois par Ted Nelson dans les années 1960, cependant, le niveau de technologie informatique disponible à cette époque ne permettait pas de la mettre en œuvre.
Premières pages Internet
Les bases de ce que nous entendons aujourd'hui par le WWW ont été posées dans les années 1980 par Tim Berners-Lee alors qu'il travaillait sur un système hypertexte au Laboratoire européen de physique des particules (Centre européen de recherche nucléaire). À la suite de ces travaux, en 1990, la communauté scientifique a reçu le premier navigateur de texte (browser), qui permet de visualiser en ligne des fichiers texte liés par des hyperliens. Le navigateur a été mis à la disposition du grand public en 1991, mais son adoption en dehors du monde universitaire a été lente.
En août 1991, Tim Berners-Lee a publié le premier site Web – une simple page textuelle avec quelques liens. Le site contenait de nombreux liens et expliquait aux gens ce qu'était le World Wide Web. Copie de la page originale de 1992 existe toujours sur Internet.
Les pages suivantes étaient similaires – tout le texte avec de nombreux liens. Les versions originales de HTML (HyperText Markup Language) ne prenaient en charge que les titres ( ,
etc.), paragraphes ( ) et des liens ( ).
Les versions ultérieures de HTML ont permis l'ajout d'images ( Une nouvelle étape historique dans le développement d'Internet a été la sortie de la première version du navigateur graphique Mosaic en 1993, développé en 1992 par Marc Andreessen, un étudiant stagiaire au National Center for Supercomputing Applications (NCSA), aux États-Unis. La clé du succès du navigateur était son interface intuitive, sa stabilité, sa facilité d'installation et son multiplateforme (Mosaic est devenu le premier navigateur disponible simultanément pour tous les systèmes d'exploitation en vigueur à l'époque, dont Windows, Macintosh et Unix). Suite à cela, les navigateurs Netscape Navigator et Microsoft Internet Explorer sont apparus. C'est à partir de ces événements qu'a commencé la propagation explosive de la popularité du WWW et, par conséquent, d'Internet, auprès du grand public, d'abord aux États-Unis, puis dans le monde entier. Les navigateurs ont appris à prendre en charge les images GIF, ce qui représentait une étape importante pour l'époque, mais ils présentaient également des limitations importantes pour les conceptions complexes. À cette époque, les sites Web semblaient plutôt ennuyeux : du texte simple, des liens et quelques petites images. Cependant, ils n’étaient pas si nombreux. Jusqu’à fin 1993, il n’existait que quelques centaines de sites Internet. 1996 a été l’année qui a marqué le début d’une nouvelle ère et pour de nombreux créateurs une période honteuse. Des sites sur fond rouge, rose ou jaune ont commencé à apparaître activement et il était presque impossible de les visualiser trop longtemps. Cette phase a également vu l'utilisation offensive des GIF animés, censés rendre le site amusant et intéressant. Les gens n’étaient pas pleinement conscients du fonctionnement d’un site Web et ne savaient donc pas comment le concevoir correctement. Il s'agissait du premier site Web de McDonald's en 1996. On a dit aux concepteurs que leurs salaires augmenteraient en fonction de la quantité de rouge et de jaune qu'ils utiliseraient. Ce sont bien sûr les couleurs principales de la marque, mais elles doivent être diluées avec d'autres couleurs, comme le blanc. Eh bien, il est temps d'analyser et d'apprendre ! Ce site date de 1996 par la designer Betsey Johnson. La couleur de fond est plus que brillante. Un site de musique indienne avec un drapeau animé en haut montre un choix de dégradé plutôt intéressant – blanc/vert/orange/blanc. Cette solution de conception réduit visuellement la page du site en deux. 1996 - première conception de site Web d'Altavista. Simple et utile. Le logo a été utilisé comme titre. Considérant qu'il s'agissait de la première tentative d'Altavista, il convient de noter que leur site Web était l'un des meilleurs de l'époque. Yahoo était autrefois le roi d'Internet. Son site original diffère du précédent en utilisant des conceptions et des éléments d'interface plus complexes. Ils utilisaient toujours des images matricielles et non transparentes, mais il y avait déjà des tentatives pour travailler sur la partie visuelle, et pas seulement sur la facilité d'utilisation. Cette conception le rend très utile et visuellement attrayant. Même depuis les racines de la conception Web, on peut voir qu’un site donné est entièrement fonctionnel. Ici vous pouvez voir les 3 couleurs principales : noir, bleu et rouge - très populaires à cette époque. Le titre est en rouge, les informations principales sont en noir et les liens sont en bleu. Voici le site de la société Lego. Ils ont essayé de le rendre assez interactif (sans utiliser flash/jquery). Étant donné que les produits étaient utilisés pour les enfants, le site présentait des images animées avec des liens à côté. Couleur d'arrière-plan, icônes, polices Il y a 15 ans, les gens pensaient qu’une palette de couleurs brillantes caractérisait véritablement un design de qualité. L'utilisation de couleurs vives rendait impossible la navigation sur le site pendant une longue période (plus de 5 minutes). Malheureusement, les couleurs vives sont devenues un choix courant car pour le concepteur de sites Web d'origine, se faire remarquer est devenu plus important que de considérer combien de temps les gens resteront sur les pages du site. Il y a dix ans, les polices préférées étaient probablement les polices système et les polices par défaut. Ils étaient utilisés partout : sites Web d’entreprises, cartes de visite, invitations de mariage. Pas d'effets spéciaux, d'ombres, de transparence. Texte noir, titres rouges et liens soulignés en bleu. La seule différence entre les textes est de savoir si la police est en gras ou en italique. La typographie n’était pas considérée comme un élément important du design comme c’est le cas aujourd’hui. 1996, site Internet de l'imprimerie Boutons! Que ferions-nous maintenant sans eux ? Mais en 1996, il ne s’agissait que d’options grises pour créer de l’interactivité. Depuis 1998, les designers prennent au sérieux la question de la création de sites internet. Parmi les tendances de cette époque, on peut souligner les cadres, les dispositions de tableaux et les menus avec effets de survol. Voici quelques exemples de pages de sites Web de cette époque. Un exemple d'un des premiers sites Angelfire. Vous voudrez peut-être envisager d'expérimenter avec les tailles de fenêtre, les couleurs et l'utilisation de boutons et de polices blanches sur fond bleu. La BBC a essayé transférer des informations de la télévision vers Internet. Un menu avec une liste de liens est affiché, ainsi que certaines applications, par exemple une prévision météo. Sur le site Bluefly, nous pouvons voir l'un des meilleurs exemples de navigation sur un site utilisant des icônes à l'époque. Ensuite, des outils tels que Dreamweaver deviennent populaires. Cela a permis à davantage de personnes d’accéder à la création de pages Web. De plus en plus de propositions ont été reçues de concepteurs pour créer des sites Web, qui devaient améliorer leurs compétences dans ce domaine. Les technologies Flash sont apparues, parfois même avec des économiseurs d'écran ennuyeux. Internet a explosé en 2000. Les concepteurs ont appris de la technologie CSS en constante évolution. Les CMS commencent à gagner en popularité parmi les concepteurs de sites Web. Boutons brillants, couleurs éclatantes, dégradés reflètent l'ère du Web 2.0. Les coins arrondis et les dégradés brillants se propagent presque à la vitesse de la lumière. Les sites Web bénéficient d’une interface utilisateur plus fonctionnelle et essentielle. Boutons lumineux et colorés sur fond gris avec une texture légère. Le texte blanc sur des couleurs vives attire l'attention. L'année 2008 est marquée par les tendances des applications Web mobiles. En 2007, l’iPhone a définitivement donné un grand coup de pouce au design web mobile. Des entreprises spécialisées ont commencé à créer des sites Web mobiles et à développer des applications. Les grands réseaux sociaux installent des widgets pour passer aux blogs, des sites Web - des widgets pour passer aux réseaux sociaux. De plus, 2008 est l’année du style rétro en matière de design. La palette de couleurs est devenue plus élégante, le design du site Web est devenu meilleur et plus contrasté. 2011. La conception Web s’améliore de plus en plus. Le design de Neve sur la page d'accueil montre l'essence d'un magasin de vêtements pour enfants. Ils utilisent des couleurs douces quicréer une atmosphère calme et élégante. Le restaurant de fruits de mer donne la sensation d'une nourriture saine, fraîche et presque paradisiaque. Quoi de plus important pour un site Web de restaurant ? Ces couleurs ne sont pas brillantes et excitantes, elles appartiennent plutôt à une gamme neutre. Ce n'est pas ennuyeux, élégant et simple. Après avoir lu l'article, nous avons constaté l'évolution des couleurs, des boutons, des icônes et des polices dans la conception Web. Qu'est-ce qui nous attend dans le futur ? Un design minimaliste, des couleurs vives, une palette de couleurs superbement choisie ? Ou quelque chose de complètement nouveau ? Eh bien, attendons ! Histoire de la création de sites Web : là où tout a commencé Avant qu’il n’existe un moyen de créer des sites Web, il y avait Internet. Cet événement véritablement historique a eu lieu en 1990. Un réseau Internet sans informations était une invention totalement inutile : il fallait le remplir. Le scientifique genevois Timothy Berners-Lee du Laboratoire européen des particules a décidé de s'attaquer à ce problème. Avant de créer le premier site Web au monde, il a réussi à préparer un certain nombre d'autres outils non moins importants qui sont à la base des programmes les plus populaires aujourd'hui. C'est Berners-Lee qu'il faut remercier pour la création du World Wide Web, le développement des URL, HTTP et l'invention du langage de programmation que nous connaissons sous le nom de HTML. En développant Internet, le scientifique pensait que son invention simplifierait non seulement le processus de collecte et de stockage d'informations, mais faciliterait également l'accès à celles-ci. Compte tenu de la tendance moderne à utiliser le World Wide Web, nous pouvons affirmer avec certitude que toutes les idées des scientifiques se sont pleinement justifiées dans la pratique. Le premier site Internet – comment était-il ? Le projet a été conçu à l'origine comme une sorte de « dossier » de stockage des documents de base du réseau, réunis par un nom de domaine personnel, original et unique en son genre. C'est exactement ce que sont les sites Web modernes : les projets Web anciens et nouveaux stockent un « groupe » d'informations, divers documents et pages qui appartiennent essentiellement à une seule entité juridique, mais qui sont en même temps librement accessibles au grand public, et vous pouvez les trouver sous un nom de domaine spécifique. Extérieurement, le premier site Web créé par le scientifique était totalement indescriptible, ce qui n'est pas du tout surprenant. Il s’agissait d’une page de démarrage blanche et solide contenant des informations sur la technologie la plus innovante de l’époque, le World Wide Web. De plus, Berners-Lee a publié ici des instructions détaillées pour l'installation de navigateurs et de serveurs sur un ordinateur personnel, ce qui nous permet d'appeler la technologie « WWW » le début de l'espace Internet moderne dans toutes ses manifestations. Le type du premier site Web était également le premier catalogue en ligne au monde - simple, d'une page, mais avec un contenu informatif. Après un certain temps, le développeur a transformé son projet en un répertoire à grande échelle qui présente des informations sur d'autres sites et redirige les utilisateurs vers leurs pages via des liens publiés dans le répertoire. Aujourd’hui, on ne peut qu’être étonné de l’énorme bénéfice que Tim Berner-Lee a pu apporter à l’humanité. Ses inventions ont produit une véritable révolution de l'innovation, donnant une impulsion au développement rapide des technologies Internet modernes et du commerce en ligne. Actuellement, le nombre de pages virtuelles se compte en milliards. ) sur les pages, et finalement le support des tables a été ajouté (
).
1996 - il faut se souvenir, mais ne jamais se répéter
