Home-Screen


EA beauftragt uns im Frühjahr 2011 mit der Entwicklung des Designs der mobilen EA-Website „EA 2 GO“. Unser Konzept ist von optischer Zurückhaltung und visueller und funktionaler Konzentration auf's Wesentliche geprägt.


Webdesign des von okamo aus Berlin gestalteten EA2GO-Homescreens direkt nach dem Aufruf. Das iPhone wird hier ungefähr 1:1 dargestellt. Es werden in dieser Ansicht auch die über den Viewport des Displays hinausgehenden Inhalte als imaginäres Band dargestellt und geben so einen Überblick der linearisierten Abfolgen von informativen und funktionalen Elementen

Homescreen:

Webdesign des von okamo aus Berlin gestalteten EA2GO-Homescreens direkt nach dem Aufruf. Das iPhone wird hier ungefähr 1:1 dargestellt. Es werden in dieser Ansicht auch die über den Viewport des Displays hinausgehenden Inhalte als imaginäres Band dargestellt und geben so einen Überblick der linearisierten Abfolgen von informativen und funktionalen Elementen

 
Viele der EA-Games sind in Punkto Release und Features stark von der technischen Plattform abhängig. Der bildet die Plattformauswahl einen von drei prominenten Menüpunkten. Dieser Screen von EA2GO zeigt die nach Tab auf das entsprechende Icon aufgerufene schwebender Plattform-Auswahl

Homescreen:

Viele der EA-Games sind in Punkto Release und Features stark von der technischen Plattform abhängig. Der bildet die Plattformauswahl einen von drei prominenten Menüpunkten. Dieser Screen von EA2GO zeigt die nach Tab auf das entsprechende Icon aufgerufene schwebender Plattform-Auswahl

 
Um Nutzern verschiedene Zugänge zu den vielfältigen Inhalten der EA2GO-Website zu bieten, bildet die Genre-Auswahl einen wichtigen Einstieg. Diese Ansicht zeigt den EA2GO-Startscreen mit schwebender Genre-Auswahl.

Homescreen:

Um Nutzern verschiedene Zugänge zu den vielfältigen Inhalten der EA2GO-Website zu bieten, bildet die Genre-Auswahl einen wichtigen Einstieg. Diese Ansicht zeigt den EA2GO-Startscreen mit schwebender Genre-Auswahl.

 

Icons


Wir haben einen umfassenden Icon-Satz entwickelt, der in Kopf und Fußleiste der mobilen Website von EA zum Einsatz kommt und wichtige Optionen für Nutzer symbolisiert.

Design des von okamo aus Berlin exklusiv für EA Electronic Arts gestalteten Icon-Satz für die mobile Website EA2GO mit Piktogrammen für folgende Begriffe: Plattformen, Genres, Sprache, Neu, News, Presse, Awards, Suche, Kommend, Beliebt, Bilder, Videos, Downloads, Vorheriger, Nächster, Musik, Weitergeben, Mail, Löschen und Wallpapers

 

„Tabflow“


Die Visualisierung eines „Tabflows“ von der Übersicht aller Spiele zu einer Spieleeinzelansicht und von dort weiter zu den Screenshots, die EA zu diesem Spiel zur Ansicht bietet.


mit nun durchgehend blauen Heads und einem vereinfachten und klaren unteren Abschluss mit Pfeil und Link für das Nachladen und anzeigen weiterer Titel.

Spieleliste:

mit nun durchgehend blauen Heads und einem vereinfachten und klaren unteren Abschluss mit Pfeil und Link für das Nachladen und anzeigen weiterer Titel.

 
EA2GO Spieleeinzelansicht mit Lösungen zur Darstellung der allgemeinen Kurzbeschreibung ,der plattformabhängigen Features, der Möglichkeit zum Vorbestellen des Games, einem Slider zum Ansehen von Screenshots, Videos, Downloads und News sowie den üblichen Social-Features

Spieleeinzelansicht:

EA2GO Spieleeinzelansicht mit Lösungen zur Darstellung der allgemeinen Kurzbeschreibung ,der plattformabhängigen Features, der Möglichkeit zum Vorbestellen des Games, einem Slider zum Ansehen von Screenshots, Videos, Downloads und News sowie den üblichen Social-Features

 
zeigt alle Screenshots zu einem Spiel

Screenshots:

zeigt alle Screenshots zu einem Spiel

 

Favoriten, Downloads & Ringtones


Dieser EA2GO-Screen zeigt die schwebende Auswahl zum Weiterempfehlen eines Favoriten über die üblichen Social-Media-Plattformen. Wir haben uns bei den Favoriten dazu entschieden, die Screenshots immer im quadratischen Ausschnitt zu zeigen, um das Problem der Hoch- und Querformate zu lösen

Favoriten:

Dieser EA2GO-Screen zeigt die schwebende Auswahl zum Weiterempfehlen eines Favoriten über die üblichen Social-Media-Plattformen. Wir haben uns bei den Favoriten dazu entschieden, die Screenshots immer im quadratischen Ausschnitt zu zeigen, um das Problem der Hoch- und Querformate zu lösen

 
Wallpapers und Ringtones beziehen sich in der EA2GO-Umgebung ausschließlich auf Mobile Games. Jedem Element ist ein Screen/Packshot zugeordnet

Downloads:

Wallpapers und Ringtones beziehen sich in der EA2GO-Umgebung ausschließlich auf Mobile Games. Jedem Element ist ein Screen/Packshot zugeordnet

 
Ringtones können in der EA2GO-Umgebung direkt angehört und sich per Mail angefordert werden

Ringtones.01:

Ringtones können in der EA2GO-Umgebung direkt angehört und sich per Mail angefordert werden

 


Projekte // Webdesign · EA Mobile Website EA2GO

left arrow
right arrow

Kurzbeschreibung
Webdesign-Entwicklung der deutschsprachigen mobilen und für das iPhone optimierten Website von Electronic Arts: EA2GO
Auftraggeber
EA – Electronic Arts GmbH
Jahr
2011

Branche
Gaming
Leistung
Screendesign
Medium
Web
Smartphone
Weblink
m.ea.de