Storia del web design: dall'età della pietra all'era della tecnologia moderna. Fuori dalla tangenziale di Mosca: come avviare uno studio web in una piccola città Lunga vita ai contenuti mobili

Storia del web design: dall'età della pietra all'era della tecnologia moderna. Fuori dalla tangenziale di Mosca: come avviare uno studio web in una piccola città Lunga vita ai contenuti mobili

Storia della creazione di siti web: dove tutto ha avuto inizio

Prima che esistesse un modo per creare siti web, c’era Internet. Questo evento davvero storico ha avuto luogo nel 1990. Una rete Internet senza informazioni era un'invenzione completamente inutile: doveva essere riempita. Lo scienziato ginevrino Timothy Berners-Lee del Laboratorio europeo delle particelle ha deciso di affrontare questo problema. Prima di creare il primo sito Web al mondo, è riuscito a preparare una serie di altri strumenti non meno importanti che sono alla base dei programmi più popolari oggi. È Berners-Lee che dovrebbe essere ringraziato per la creazione del World Wide Web, lo sviluppo di URL, HTTP e l'invenzione del linguaggio di programmazione che conosciamo come HTML.

Durante lo sviluppo di Internet, lo scienziato credeva che la sua invenzione non solo avrebbe semplificato il processo di raccolta e archiviazione delle informazioni, ma avrebbe anche aiutato ad accedervi. Considerando la tendenza moderna all'utilizzo del World Wide Web, possiamo tranquillamente affermare che tutte le idee dello scienziato si sono pienamente giustificate nella pratica.

Il primo sito web: com'era?

Il progetto è stato originariamente concepito come una sorta di “cartella” in cui archiviare i documenti di rete di base, uniti da un nome di dominio personale, originale e unico nel suo genere. Questo è esattamente ciò che sono i siti Web moderni: sia i vecchi che i nuovi progetti Web memorizzano un "gruppo" di informazioni, vari documenti e pagine che appartengono essenzialmente a un'entità legale, ma sono, allo stesso tempo, liberamente accessibili alle masse di utenti, e puoi trovarli sotto un nome di dominio specifico.

Esternamente, il primo sito web creato dallo scienziato era completamente anonimo, il che non sorprende affatto. Era una solida pagina iniziale bianca che conteneva informazioni sulla tecnologia più innovativa dell'epoca, il World Wide Web. Inoltre, qui Berners-Lee ha pubblicato istruzioni dettagliate per l'installazione di browser e server su un personal computer, che ci consente di chiamare la tecnologia "WWW" l'inizio del moderno spazio Internet in tutte le sue manifestazioni.

La tipologia del primo sito web era anche il primo catalogo online al mondo: semplice, di una pagina, ma con contenuto informativo. Dopo qualche tempo, lo sviluppatore ha trasformato il suo progetto in una directory su larga scala che presenta informazioni su altri siti e reindirizza gli utenti alle loro pagine tramite i collegamenti pubblicati nella directory.

Oggi non si può che stupirsi dell’enorme beneficio che Tim Berner-Lee è riuscito a portare all’umanità. Le sue invenzioni hanno prodotto una vera rivoluzione dell'innovazione, dando impulso al rapido sviluppo delle moderne tecnologie Internet e del business online. Attualmente, il numero di pagine virtuali è di miliardi.

Il percorso di Smolensk Adeptum da zero verso servizi ad alto carico e grandi startup.

Ai segnalibri

La maggior parte delle storie di studi famosi iniziano con il fatto che si sono organizzati o provenivano da grandi agenzie, hanno inventato un nome e hanno immediatamente ottenuto grandi clienti, premi e una rapida ascesa.

Questa storia parla di uno studio che si trova tra il suo primo avvio e il passo successivo. La storia parla di uno studio che ha la possibilità di decollare e ricevere i primi premi e grandi clienti.

Come tutto cominciò

I fondatori dello studio web “Adeptum” Anton Klimenkov e Slava Korostelev hanno lavorato nel settore degli eventi, ognuno di loro ha sviluppato e moderato i siti web delle proprie imprese di intrattenimento. Nel 2012 hanno avuto la loro prima esperienza congiunta lavorando su un progetto: un'applicazione iOS per una discoteca. La funzionalità ti consentiva di guardare reportage fotografici, ascoltare radio online e ordinare cibo. Anton ha partecipato alla gestione del processo di sviluppo e test, Slava era l'esecutore. Per molto tempo, Anton ha accumulato esperienza nella gestione e nel lancio di vari progetti e Slava ha studiato linguaggi di programmazione.

A quel tempo le cose andavano bene nel settore degli eventi e della vita notturna. Nessuno avrebbe potuto pensare che in 2 anni ci sarebbe stato un ufficio piuttosto grande nel centro della città, un team di 15 professionisti e grandi progetti: servizi web, applicazioni mobili, il nostro cms e grandi piani di sviluppo!

Primi clienti

Nel corso del tempo sono apparse reputazione e raccomandazioni, e ad un certo punto ci siamo trovati di fronte a una scelta: continuare a lavorare su siti semplici o fare un passo avanti, cambiando il modello di business e concentrandoci nuovamente su ciò che ci ispira di più: grandi servizi, startup e applicazioni mobili. Abbiamo scelto la seconda e più difficile strada.

Il primo progetto serio sviluppato è stato quello della biglietteria “Smolkassa”. Il servizio consente agli utenti di acquistare biglietti per eventi online e utilizzando applicazioni mobili e gli organizzatori possono promuovere i propri concerti e vendere i biglietti.

Successivamente, abbiamo assunto un servizio federale di formazione online con una piattaforma per lo svolgimento di webinar, avviato il lavoro sul nostro CMS, progetti per concessionari ufficiali Ford e Volkswagen e collaborazione con una delle 100 migliori agenzie.

A proposito del nome

Nel novembre 2017, quando la prima versione del nostro CMS era pronta e avevamo alle spalle 15 progetti implementati con successo, abbiamo deciso di cambiare marchio. “Siamo un team appassionato di codice e design di alta qualità, concentrato sulla risoluzione dei problemi assegnati. Siamo impegnati nella nostra attività, il cui concetto è rivelato dal nome “Adeptum”.

Nel dicembre 2017 abbiamo deciso di cambiare il nome da “We Are Your Friends” ad “Adeptum” e abbiamo avviato il processo di “brevettazione”.

Come funziona lo studio

Lo studio opera in tre aree:

  • Progettazione e sviluppo di servizi web + lavoro su startup;
  • Applicazioni mobili in lingue native;
  • Realizzazione di siti web utilizzando il nostro gestionale;

Oggi ci sono quindici persone nello staff, sette in ufficio (sviluppatori principali backend e frontend, management, team leader), otto che lavorano in remoto (designer, tester, specialisti Java). Assegniamo un team separato per ogni progetto e all'interno dello studio lavoriamo utilizzando metodi Agile. Per noi è importante risolvere i problemi assegnati e realizzare un prodotto interessante.

Il team contiene forti specialisti. Abbiamo un discreto livello di competenza in PHP, MySQL, Node.js, Phython, Java, Objective-C, Delphi, HTML5, CSS, JS, React, jQuery, Redis, ElasticSearch. Per prototipi e design utilizziamo Figma o Sketch. Il nostro studio collabora con due grandi data center: DataPro e Smoltelecom, dove vengono installati e mantenuti i server per i progetti che sviluppiamo.

Abbiamo iniziato il nuovo anno 2018 in un ufficio ampliato nel centro della città: questo è il terzo anno e ogni volta occupiamo più spazio.

Tutti i dipendenti ricevono un MacBook o un PC, un posto di lavoro confortevole, orari di lavoro flessibili e piacevoli bonus in ufficio e fuori. La gestione dello studio aiuta sempre ad adattarsi alle varie situazioni di vita.

Canali di promozione

Vediamo anche prospettive nella partecipazione di manager e rappresentanti di organizzazioni a forum di settore, eventi aziendali, marketing su Internet e social media.

Nello studio non sono presenti responsabili delle vendite. Cerchiamo di lavorare lead2lead, escludendo le conversazioni amministrative, arriviamo dritti al punto nelle negoziazioni con chi prende la decisione finale. Ciò ti aiuta a delineare rapidamente le attività, ottenere risultati e fornire una valutazione in ogni fase.

Principali progetti dello studio

Insieme al già citato agente di biglietteria "Smolkassa", abbiamo creato diversi progetti seri e su larga scala.

Uno di questi è un servizio di formazione per dentisti con una propria piattaforma per lo svolgimento di webinar “Stomweb”. Oggi il servizio viene utilizzato da oltre 100.000 persone provenienti dalla Russia e dai paesi della CSI.

Il secondo è un complesso software e hardware per biglietterie - "Eventkassa". Il prodotto offre una gamma completa di possibilità per gli organizzatori di eventi.

Questo sistema ti consente di prenotare e vendere qualsiasi posto online, controllare l'ingresso e creare report completi. Il servizio ha la capacità di integrarsi in qualsiasi piattaforma e sito web. Oggi Eventkassa opera in 12 città della Russia. In 3 anni sono stati venduti circa 190.000 biglietti per concerti, spettacoli, teatri e circhi.

Un altro progetto del nostro team è appena entrato in produzione e ha tutte le possibilità di cambiare il mercato automobilistico. "CarWeGo" si rivolge all'acquirente, offrendo l'opportunità di creare un annuncio per l'acquisto di un'auto con i propri desideri. I venditori vedono la domanda e offrono le loro auto per questo annuncio. Come tutti i noti siti di vendita di automobili, ma al contrario.

Insieme a questi prodotti, eravamo interessati a lavorare su un designer di album fotografici online che automatizzi completamente il processo di creazione, impaginazione e invio dell'album finito all'utente. Avendo una vasta esperienza precedente, abbiamo lavorato con personaggi dei media e aziende: abbiamo creato siti Web per il tour di Svetlana Loboda, abbiamo collaborato con il gruppo Swanky Tunes e la grande holding radiofonica "Media-Fm".

Ho esperienza nella creazione di siti Web per aziende provenienti da Israele, Ungheria e Stati Uniti.

Collaborazione con una delle 100 migliori agenzie, lavorando su un progetto per una delle principali banche del paese, con una NDA firmata.

Le difficoltà

La prima difficoltà erano i soldi. Abbiamo iniziato senza investimenti. Tutto ciò che esiste ora è il frutto dei nostri sforzi e del nostro duro lavoro. Il fatturato dell'azienda è costituito da fondi propri. All’inizio e in ogni fase di espansione, abbiamo imparato quali sono i rischi e come lavorare senza profitto, senza mai ritardare gli stipendi dei dipendenti.

La seconda difficoltà sono le persone della squadra. Abbiamo bisogno di ragazzi professionisti pronti a svilupparsi e a lavorare a un ritmo frenetico accanto alle stesse persone. Il problema è che nella nostra regione ce ne sono pochissimi. A volte devi “cacciare” in modi completamente non standard, ma a volte le persone stesse vengono e dicono: “Il tuo posto è bello! Proviamo a lavorare gli uni con gli altri."

Sviluppo e piani

Ci sentiamo come se fossimo nella fase iniziale, nonostante i progetti e il portfolio completati. Siamo guidati dall’ambizione e dal desiderio di fare sempre meglio e di più in grande.

Nel prossimo futuro c’è un passo avanti ancora più grande. Strategicamente, vogliamo entrare nel mercato e competere con i grandi player, lavorare per marchi noti e collaborare con le migliori agenzie digitali in Russia. Ciò dovrebbe portare ad un aumento del fatturato dell'azienda di 2-3 volte.

Tra i nostri piani operativi c’è l’avvio in produzione di una classificazione b2b internazionale, alla quale stiamo lavorando da sette mesi. Realizzare due progetti interni allo studio: una piattaforma internazionale per webinar e un servizio/applicazione per fotografi di matrimonio. Collabora con la Skolkovo Business School e il Technopark.

Ci sforziamo di svilupparci, stiamo reclutando una squadra e, parallelamente ai nostri progetti principali, stiamo lavorando per conto nostro.

Molte persone vorrebbero guardare al futuro del web design. Ma la sua storia non è peggiore. Sebbene il web design si sia evoluto in pochi decenni, è diventato parte integrante della nostra vita. Questo articolo esamina una breve storia dei diversi periodi del web design. Ci auguriamo che l'articolo ti aiuti a comprendere il passato e il presente del web design, in modo che in futuro tu stesso possa contribuire al suo sviluppo.

Storia dell'emergere e dello sviluppo di Internet

Internet deve le sue origini al Dipartimento della Difesa degli Stati Uniti e alla sua ricerca segreta condotta nel 1969 per testare metodi per consentire alle reti di computer di sopravvivere alle operazioni militari reindirizzando dinamicamente i messaggi. La prima rete di questo tipo è stata ARPAnet, che combinava tre reti in California con una rete nello Utah secondo una serie di regole chiamate Protocollo Internet (IP in breve). Nel 1972 fu aperto l'accesso alle università e agli enti di ricerca.

Ebbene, come ha fatto Internet a diventare così popolare e sviluppato? L'impulso a ciò è stato l'emergere del World Wide Web (World Wide Web), un sistema ipertestuale. L'idea di collegare documenti tramite ipertesto fu proposta e promossa per la prima volta da Ted Nelson negli anni '60, tuttavia il livello della tecnologia informatica disponibile a quel tempo non ne consentiva la realizzazione.

Prime pagine web

Le basi di ciò che oggi chiamiamo WWW furono gettate negli anni '80 da Tim Berners-Lee mentre lavorava su un sistema ipertestuale presso il Laboratorio europeo di fisica delle particelle (Centro europeo di ricerca nucleare). Come risultato di questi lavori, nel 1990, alla comunità scientifica è stato presentato il primo browser testuale (browser), che consente di visualizzare file di testo collegati da collegamenti ipertestuali in linea. Il browser è stato reso disponibile al grande pubblico nel 1991, ma la sua adozione al di fuori del mondo accademico è stata lenta.

Nell'agosto del 1991, Tim Berners-Lee pubblicò il primo sito web: una semplice pagina testuale con pochi collegamenti. Il sito aveva molti collegamenti e spiegava alla gente cosa fosse il World Wide Web. Copia della pagina originale del 1992 esiste ancora su Internet.

Le pagine successive erano simili: tutto testo con molti collegamenti. Le versioni originali di HTML (HyperText Markup Language) supportavano solo le intestazioni (

,

ecc.), paragrafi (

) e collegamenti ( ). Le versioni successive di HTML consentirono l'aggiunta di immagini ( ) nelle pagine e infine è stato aggiunto il supporto per le tabelle (

).

Una nuova tappa storica nello sviluppo di Internet è stata il rilascio della prima versione del browser grafico Mosaic nel 1993, sviluppato nel 1992 da Marc Andreessen, uno studente che ha svolto uno stage presso il National Center for Supercomputing Applications (NCSA), negli Stati Uniti.

La chiave del successo del browser fu la sua interfaccia intuitiva, stabilità, facilità di installazione e multipiattaforma (Mosaic divenne il primo browser disponibile contemporaneamente per tutti i sistemi operativi allora in vigore, inclusi Windows, Macintosh e Unix). Successivamente sono comparsi i browser Netscape Navigator e Microsoft Internet Explorer.

Fu da questi avvenimenti che ebbe inizio la diffusione esplosiva della popolarità del WWW, e di conseguenza di Internet, tra il grande pubblico, prima negli Stati Uniti e poi in tutto il mondo.

I browser impararono a supportare le immagini GIF, il che fu un passo significativo per l'epoca, ma presentavano anche limitazioni significative per i progetti complessi.

I siti web a quel tempo sembravano piuttosto noiosi: testo semplice, collegamenti e qualche piccola immagine. Tuttavia, non ce n'erano così tanti. Fino alla fine del 1993 esistevano solo poche centinaia di siti web.

1996 - va ricordato, ma mai ripetuto

Il 1996 è stato l'anno che ha segnato l'inizio di una nuova era, e per molti designer un periodo vergognoso. Cominciarono ad apparire attivamente siti con sfondi rossi, rosa o gialli e visualizzarli per troppo tempo era quasi impossibile. Questa fase ha visto anche l'uso offensivo delle GIF animate, che dovrebbero rendere il sito divertente e interessante. Le persone non erano pienamente consapevoli di come funzionasse un sito web, quindi non sapevano come progettarlo correttamente.

Questo è stato il primo sito web di McDonald's nel 1996. Ai designer è stato detto che i loro stipendi sarebbero aumentati a seconda della quantità di rosso e giallo che avrebbero utilizzato. Questi sono, ovviamente, i colori principali del marchio, ma devono essere diluiti con altri colori, come il bianco. Bene, è tempo di analizzare e imparare!

Questo sito è del 1996 della designer Betsey Johnson. Il colore di sfondo è più che semplicemente brillante. Anche se al giorno d'oggi possiamo trovare anche pagine simili.

Un sito di musica indiana con una bandiera animata in alto mostra una scelta di gradienti piuttosto interessante: bianco/verde/arancione/bianco. Questa soluzione di design taglia visivamente la pagina del sito a metà.

1996 - progettazione del primo sito web di Altavista. Semplice e utile. Il logo è stato utilizzato come titolo. Considerando che questo era il primo tentativo di Altavista, va notato che il loro sito era uno dei migliori in quel momento.

Yahoo una volta era il re di Internet. Il suo sito originale differisce dal precedente utilizzando design ed elementi di interfaccia più complessi. Si utilizzavano ancora immagini raster, non trasparenti, ma già si cercava di lavorare sulla parte visiva, e non solo sulla facilità d'uso. Questo design lo rende molto utile e visivamente accattivante.

Anche dalle radici del web design, si può vedere che un dato sito è perfettamente funzionante. Qui puoi vedere i 3 colori principali: nero, blu e rosso, molto popolari per quel periodo. Il titolo è in rosso, le informazioni principali in nero e i link in blu.

Ecco il sito dell'azienda Lego. Hanno provato a renderlo abbastanza interattivo (senza usare flash/jquery). Poiché i prodotti erano destinati ai bambini, il sito presentava immagini animate con collegamenti accanto ad esse.

Colore di sfondo, icone, caratteri

15 anni fa si pensava che una tavolozza di colori brillanti caratterizzasse davvero un design di qualità. L'utilizzo di colori vivaci ha reso impossibile la navigazione sul sito per lungo tempo (più di 5 minuti). Purtroppo i colori vivaci sono diventati una scelta comune perché per il web designer originale farsi notare è diventato più importante che considerare quanto tempo le persone rimarranno sulle pagine del sito.

Probabilmente i caratteri tipografici preferiti dieci anni fa erano i caratteri di sistema e i caratteri predefiniti. Erano usati ovunque: siti web aziendali, biglietti da visita, partecipazioni di nozze. Nessun effetto speciale, ombre, trasparenza. Testo nero, titoli rossi e collegamenti sottolineati in blu. L'unica differenza tra i testi è se il carattere è grassetto o corsivo. La tipografia non era considerata una parte importante del design come lo è adesso.

1996, sito web della tipografia

Pulsanti! Cosa faremmo adesso senza di loro? Ma nel 1996 queste erano solo opzioni grigie per creare interattività.

Dal 1998, i designer hanno preso sul serio la questione della creazione di siti web. Tra le tendenze dell'epoca possiamo evidenziare cornici, layout di tabelle e menu con effetti al passaggio del mouse. Ecco alcuni esempi di pagine del sito web di quel periodo.

Un esempio di uno dei primi siti di Angelfire. Potresti prendere in considerazione l'idea di sperimentare le dimensioni delle finestre, i colori e l'uso di pulsanti e caratteri bianchi su sfondo blu.

La BBC ci ha provato trasferire informazioni dalla televisione a Internet. Viene visualizzato un menu con un elenco di collegamenti, nonché alcune applicazioni, ad esempio le previsioni del tempo.

Sul sito Bluefly possiamo vedere uno dei migliori esempi di navigazione del sito tramite icone dell'epoca.

Quindi strumenti come Dreamweaver diventano popolari. Ciò ha dato a più persone l'accesso alla creazione di pagine web. Sono arrivate sempre più proposte da parte di designer per la creazione di siti web, che hanno dovuto migliorare le proprie competenze in questo settore. Sono apparse le tecnologie Flash, a volte anche con fastidiosi salvaschermi.

Internet è esplosa nel 2000. I designer hanno imparato dalla tecnologia CSS in continua evoluzione. I CMS stanno iniziando a guadagnare popolarità tra i web designer. Pulsanti lucidi, colori brillanti, sfumature riflettono l'era del Web 2.0. Angoli arrotondati e sfumature lucide si diffondono quasi alla velocità della luce. I siti web ottengono un’interfaccia utente più funzionale ed essenziale.

Pulsanti luminosi e colorati su uno sfondo grigio con una texture leggera. Il testo bianco su colori vivaci attira l'attenzione.

Il 2008 è caratterizzato dall'andamento delle applicazioni web mobili. Nel 2007, l'iPhone ha dato sicuramente un grande impulso al web design mobile. Le aziende specializzate hanno iniziato a creare siti Web mobili e sviluppare applicazioni. I grandi social network installano widget per passare a blog, siti Web: widget per passare ai social network. Inoltre, il 2008 è l'anno dello stile retrò nel design. La combinazione di colori è diventata più elegante, il design del sito web è diventato migliore e più contrastante.

2011. Il web design sta migliorando sempre di più.

Il design di Neve in home page mostra l'essenza di un negozio di abbigliamento per bambini. Usano colori tenuicreare un'atmosfera calma ed elegante.

Il ristorante di pesce dà la sensazione di un cibo sano, fresco e quasi paradisiaco. Cosa potrebbe esserci di più importante per il sito web di un ristorante?

Questi colori non sono brillanti ed eccitanti, sono più una gamma neutra. Non è noioso, elegante e semplice.

Dopo aver letto l'articolo, abbiamo visto l'evoluzione di combinazioni di colori, pulsanti, icone e caratteri nel web design. Cosa ci aspetta nel futuro? Design minimalista, colori vivaci, tavolozza di colori squisitamente scelta? O qualcosa di completamente nuovo? Bene, aspettiamo!

 

 

Questo è interessante: