HTML5 – alittleb.it srl – We Create Experiences

Flappy Bat il nostro gioco sviluppato in HTML5

Come agenzia di sviluppo di advergame e serious game in HTML5, lavoriamo anche con framework che consentono di sviluppare più rapidamente i nostri prodotti per piattaforme desktop e mobile.

Naturalmente prima di utilizzarli per i nostri clienti, facciamo alcuni test nel nostro lab.
Recentemente abbiamo condotto alcuni test con Phaser.

Oggi vi presentiamo una nostra rivisitazione di uno dei giochi mobile più scaricati delle ultime settimane: Flappy Bird.

Ovviamente il gioco funziona sia su desktop che su mobile.
Nella nostra versione, chiamata Flappy Bat, gioca utilizzando il tasto del mouse o il touch su mobile per dare uno slancio verso l’alto al pipistrello ed evitare gli ostacoli. Doppio click/touch per dare uno slancio maggiore.

Gioca ora! LINK

2014 REPLAY Website

Project name: Replay.it – Presentation of the Spring Summer 2014 Collection
Category: Digital Communication, Consultancy, Web Development
Client: Replay – Fashion Box Spa
Technologies: HTML5

Alittleb.it has created the new main page of Replay.it – the official website of the fashion brand Replay – in order to present “Urban Surfer”, the Replay Spring/Summer 2014 Collection.

Starting from the previous page structure, the new main page has the objective to improve Replay premium positioning, taking full advantage of the new campaign images shot by David Sims (one of the most important fashion photographers in the world).
So, all the page has been conceived and designed to give the biggest importance to photographs. Hotspots on images allow users to deepen the collection.

The page is fully responsive.

Take a look:

Replay.it: homepage design

Nuovo sito REPLAY 2014

Progetto: Replay.it – Presentation of the Spring Summer 2014 Collection
Categoria: Digital Communication, Consultancy, Web Development
Cliente: Replay – Fashion Box Spa
Teconolgie: HTML5

Alittleb.it ha creato la nuova home page di Replay.it in HTML5, per presentare la collezione Spring/Summer 2014 “Urban Surfer”.
Riprendendo l’impostazione precedente, la nuova home ha l’obiettivo di migliorare il posizionato di REPLAY come premium brand, grazie anche alle nuove immagini scattate da David Sims.

Il sito è responsive.

Replay.it: homepage design

Replay – FCBarcelona

Project name: Unexpected Formal
Category: Digital Communication – B2B & B2C, Consultancy; Responsive Web Development
Client: Replay – Fashion Box Spa
Technologies: HTML5, Javascript, Interactive Pdf

Replay – Fashion Box Spa – has signed a deal with the FC Barcelona as the official sponsor of clothing and footwear for the team and the rest of the Club’s sportsmen and women. Replay will create both official clothing and a “smart casual” line for the first team.
To celebrate the agreement, Replay has developed the Denim Zero, a jeans created by an exclusive eco-friendly process which utilizes high-pressure ice crystals.

Replay asked to Alittleb.it to look after all the Partnership digital image.Read More

Replay – FCBarcelona

Progetto: Unexpected Formal
Categoria: Comunicazione Esterna – B2B & B2C, Consulenza; Sviluppo siti responsive
Cliente: REPLAY – Fashion Box Spa – FCBarcelona
Tecnologie: HTML5, Javascript, PDF interattivo

REPLAY – Fashion Box Spa – ha siglato un accordo con FC Barcelona come sponsor ufficiale della squadra. Replay ha creato sia la collezione “ufficiale” che la “smart casual” per tutti i giocatori. Per celebrare l’accordo, REPLAY ha creato “Denim Zero”, un jeans creato grazie a uno speciale processo eco-friendly che utilizza cristalli di ghiaccio ad alta pressione.

Alittleb.it ha creato un mini-sito responsive in HTML5 per pubblicizzare l’accordo.

Alittleb.it si è inoltre occupata della realizzazione dei banners per la campagna e di un PDF interattivo da distribuire ai fornitori.

MTV Best Of

Project name: MTV OnDemand – Best Of
Category: Web Development, Rich Internet Application
Services: Concept, Graphic Design & Coding, Maintenance & Server Assistance
Client: MTV Italia
Technologies: HTML5, Sass, Jquery, Ruby + Rails, Mysql, Nokogiri
Link: http://ondemand.mtv.it/best-of

BRIEF DESCRIPTION

We have created MTV Best Of: the new section of MTV Ondemand – the MTV’s platform of video on demand (VOD) – where users can watch, vote and share the best brief video-clips, selected and “clipped” by MTV’s Editors from MTV television series and shows.

OBJECTIVES AND OPTIMIZATIONS

The main purpose of the section Best Of is to increase video views’ number, bringing new users to MTV Ondemand and augmenting existing users’ participation rates.

To achieve the objectives, we mixed four main ingredients:

SEO: all the code and the design are optimized for SEO. This is very important to effectively exploit the strong brand awareness and image of MTV Intellectual Properties (like Jersey Shore, Geordie Shore, Awkward, The Valley, etc.); moreover, videoclip selection helps to use high traffic keywords (like “sex”) into tags, descriptions and titles
Gamification: to increase engagement, we added some easy gamification elements. First a basic voting system to allow users to decide the best videoclip inside a chart. Secondly, we created seven “Emotional Dynamic Charts”: users can describe every videoclip by selecting, among seven (Epic Fail; I can’t believe it; Really Trash; Infinite Laughs, I like it, This is awesome – cool, Epic Win), the feeling they think it suggests. Doing that, users create dynamic cross-shows charts, ordered by the number of votes expressed on that particular feeling. Finally, we limit the number of daily votes available to users: create “scarcity” to increase “value” is an important gamification strategy that helps in keeping users more engaged (e.g. if the user owns just one vote, that vote worth more and he will consider carefully how to use it) and the charts more meaningful.
Besides the expected engagement reasons, we used gamification elements to: 1) having more interesting charts, able to represents users tastes and so to gain immediately the attention of new users; 2) incentivize Social Media sharesRead More

MTV Best Of

Progetto: MTV OnDemand – Best Of
Categoria: Web Development, Rich Internet Application
Servizi: Concept, Graphic Design & Coding, Maintenance & Server Assistance
Cliente: MTV Italia
Tecnologie: HTML5, Sass, Jquery, Ruby + Rails, Mysql, Nokogiri
Link: http://ondemand.mtv.it/best-of

Alittleb.it ha sviluppato “MTV Best Of”, la nuova sezione di MTV Ondemand dove gli utenti possono guardare, votare e condividere i migliori video clip selezionati e “tagliati” da MTV.

MTV Awards 2013: Social Tracker

Progetto: Social Tracker
Categoria: Strumento Cross Mediale (TV, web e Social), Web App Cross Browser
Cliente: MTV Italia
Tecnologie: HTML5, CSS3, Ruby on Rails, Sidekiq, Varnish Chace, UberVu API
Target Primario: Audience Televisivo MTV Awards
Target Device Principali: Web Browser (IE8+, Chrome, Safari, Firefox)

MTV Italia ha scelto Alittleb.it per sviluppare gli strumenti digitali a supporto della prima edizione del MTV Awards 2013, primo social event di MTV Italia.
Alittleb.it è stato il partner tecnico ufficiale dell’evento.

Per la seconda fase del progetto, Alittleb.it ha progettato e sviluppato per MTV Italia uno strumento innovativo per tener conto in tempo reale dei tweet raccolti dai 20 artisti, partecipanti agli MTV Awards.

Durante l’intero evento televisivo, il presentatore degli MTV Award ha utilizzato Social Tracker per monitorare l’interesse del pubblico sugli artisti premiati.

Il presentatore di MTV Fantini controlla Social Tracker durante la trasmissione televisiva degli MTV Awards.

MTV Awards 2013: Social Tracker

Project name: Social Tracker
Category: Television Social Tool, Cross Browser Web App
Client: MTV Italia
Technologies: HTML5, CSS3, Ruby on Rails, Sidekiq, Varnish Chace, UberVu API
Primary Target: MTV Awards’ television audience
Main Target Device: Web Browser (IE8+, Chrome, Safari, Firefox)

MTV Italia selected Alittleb.it as partner for developing the digital tools of the first edition of the MTV Awards 2013, the first Social Event by MTV Italia. Alittleb.it was the official technical partner of the event.

For the second step of the project, Alittleb.it designed and developed for MTV Italia an outstanding tool for counting the number of tweets received by 20 artists in real-time.

During all the event’s live coverage, MTV Awards’ host used Social Tracker to monitor the audience interest about the artists that were awarded.

The MTVAwards’ anchor Fantini checks Social Tracker during the television live coverage