
# Identity Design

Voor Asea Brown Boveri’s domotica sub brand [Elux](/projecten/identity-design-abb-elux) heeft Medianique het logo en de huisstijl ontwikkeld. Het logo kent dezelfde karakteristieke ‘crosshair’ als het ABB moeder logo.

<Link href="/projecten/identity-design-abb-elux">
	<Image
		src="/assets/projecten/identity-design/abb-elux/abb-elux-family.png"
		quality={100}
		alt="ABB Elux"
	/>
</Link>

<Break />

<Image
	src="/assets/projecten/identity-design/table-of-eight.jpg"
	alt="Table of Eight"
/>

<Break />

<Image
	src="/assets/projecten/identity-design/isabel-serval-visitekaartjes.jpg"
	alt="Isabel Serval"
/>

<Break />


Identity Design


# Got it?! Taal

Medianique heeft in opdracht van Qikker Online voor Thieme Meulenhoff bijgedragen aan de ontwikkeling van een online adaptieve leeromgeving voor taalvaardigheden.

<Image
	src="/assets/projecten/got-it/got-it-taal-macbooks.jpg"
	alt="Got it?! Taal MacBooks"
/>
<Break />

> “Nu al 97.736 gebruikers!”

Got it?! Taal helpt leerlingen de taalvaardigheden onder de knie te krijgen. Zij oefenen alleen dat wat nog nodig is om het juiste niveau te halen.

<YouTube id="hwBeihpLBw8" />
<Break />

## Individueel oefenprogramma per leerling

Iedere leerling volgt zijn eigen route, zo werkt hij altijd op het juiste niveau en dat motiveert! Er staan niet alleen veel verschillende oefeningen, maar ook honderden filmpjes met extra uitleg voor de leerlingen klaar. De docent houdt de vorderingen van zijn leerlingen in de gaten via het docentendashboard.

<Image
	src="/assets/projecten/got-it/got-it-ipad.png"
	alt="Got it?! Taal iPad"
/>

> Got it?! Oefenen met taal, op school én thuis!

<Break />

## Meer informatie?

<ListItem icon="play">

[Wat is Got it?! Bekijk de film! - ThiemeMeulenhoff](https://www.youtube.com/watch?v=hwBeihpLBw8)

</ListItem>


Got it?! Taal


# Selectives white label app platform

Binnen het DPG Media Selectives team hebben wij meegewerkt aan de opzet van het _white label_ maken en de doorontwikkeling van de toen bestaande Volkskrant app.

<Image
	src="/assets/projecten/selectives-platform/de-volkskrant-edition-ipad.png"
	alt="de Volkskrant Editie op een iPad Pro"
  background={false}
  priority
/>
<Break />

De universal Selectives apps bieden per formfactor handheld of tablet respectievelijk een 24/7 newsfeed of editie uitgave met een volledig eigen look & feel per media merk.

> Eén codebase, 5 merken, 20 apps

We hebben een buildstraat opgezet welke uit één codebase de 20 verschillende apps automatisch kan bouwen voor
**2** platforms (iOS + Android)
**x 2** producten (24/7 News + Edition) per formFactor (@handheld + @tablet)
**x 5** merken
= **20** app flavours

## Branded!

Voor zowel de handheld en tablet versies van de app hebben we een systeem opgezet om content binnen de eigen layout van het betreffende merk weer te geven.
De uitdaging zat er vooral in de bestaande layout structuur van het content beheer systeem via een mapping geschikt te maken voor de opmaak per label.

<Grid container spacing="2rem">
	<AppIcon name="de Volkskrant" image="de-volkskrant.png" url="//volkskrant.nl" />
	<AppIcon name="Trouw" image="trouw.png" url="//trouw.nl" />
	<AppIcon name="De Morgen" image="de-morgen.png" url="//demorgen.be" />
	<AppIcon name="Parool" image="parool.png" url="//parool.nl" />
	<AppIcon name="HUMO" image="humo.png" url="//humo.be" />
</Grid>

<Break />

## Verplaatsing van logica naar backend services

Bij het verder ontwikkelen van dit app platform hebben we zoveel mogelijk logica uit de apps verhuisd naar de backend services. Deze aanpassing vergt minder app updates in de stores en maakt het fixen van bugs of het toevoegen van nieuwe features vele malen sneller en eenvoudiger, omdat de logica niet langer versnipperd is over verschillende lagen van het platform.

<Image
	src="/assets/projecten/selectives-platform/before-after-server-side-brand-logic.png"
	alt="Per brand layout transformations"
/>
<Break size={2} />

## Selectives iPhone app

<Grid container>

  <Grid item xs={12} md={6}>

Animated ListView scrolling voor de 24/7 news feed apps. Hier de Trouw versie.

  </Grid>

  <Grid item xs={12} md={6}>

    <Image
      src="/assets/projecten/selectives-platform/trouw-app-iphone-x.gif"
      alt="Trouw app op iPhone X"
      sizes="(max-width: 899px), 100vw, 512px"
      layout="responsive"
      quality={100}
    />
    <Break />

  </Grid>

</Grid>


Selectives whitelabel Android en iOS app platform

Projecten

Contact

Over ons

Blog

Selectives white label app platform

Branded!

Verplaatsing van logica naar backend services

Selectives iPhone app