Hoe ze het deden Years of Living Dangerously EPK Microsite

Demitri Alexander is de Art Director van het interactieve en ontwerpteam van Propoint. Ik heb hem laatst wat vragen gesteld over het jarenlange levensechte EPK Microsite-project, gebouwd met Adobe Muse. Bekijk hieronder de microsite in actie en lees wat Demitri te zeggen had over het bouwproces!

Het interview

Hallo Demitri, bedankt dat je de tijd hebt genomen om een ​​paar vragen voor ons te beantwoorden! Vertel ons eens kort over het "Years of Living Dangerously" EPK Microsite-project.

Showtime had een manier nodig om hun baanbrekende met Emmy bekroonde documentaireseries over klimaatverandering bekend te maken. Onder normale omstandigheden zou hun PR-team een ​​op papier gebaseerde persmap maken om te delen met de media. Papier, en de impact op het milieu, leek gewoon niet de juiste aanpak.  

De leidinggevenden van Showtime wilden dat iets innovatiefs de aandacht van drukbezette amusementsverslaggevers snel zou pakken en houden, dus vroegen ze ons bij Propoint om een ​​digitale perskit te maken (ook een EPK of elektronische perskit genoemd). Gelukkig had hun interne printteam een ​​aantal prachtig geschoten hi-res fotografie en video. Het was logisch om een ​​microsite te bouwen die een dynamische en gedenkwaardige ervaring bood en tegelijkertijd de nodige details over de serie te bieden.

U biedt een aantal ontwerpservices aan als bedrijf en u kunt daardoor profiteren van veel ontwerpprogramma's. Daarom heeft u Adobe Muse gekozen voor dit project?

Met Adobe Muse konden we snel mobiliseren en voldoen aan de strakke deadline van Showtime. Ze hadden de microsite binnen een maand nodig! Als HTML-ontwikkelaar weet ik niet of we dit project hadden kunnen aannemen en op hetzelfde kwaliteitsniveau konden komen. Muse heeft het voor ons mogelijk gemaakt om meer van ons ontwerpteam te gebruiken, niet alleen degenen die bekend zijn met HTML. We hadden onze niet-interactieve ontwerpers lay-outs maken en wijzigen, zodat ons interactieve team kon werken aan de moeilijkere interactieve taken.

Hoe zwaar vertrouwt u bij het werken aan een Adobe Muse-project op andere ontwerptoepassingen, zoals Adobe Photoshop en Adobe Illustrator bijvoorbeeld? Hoe vind je dat ze samenwerken?

Met Muse is het een enorme luxe om ontwerpen of draadkaders in Photoshop of Illustrator uit te sluiten en lay-outs te blokkeren terwijl de code wordt geschreven, zo kunnen klanten vanaf het begin interactieve versies van hun sites zien. Muse heeft een geweldige Photoshop-integratie, het stelde ons in staat om PSD-bestanden te gebruiken terwijl we de site neerlegden en we gingen door met het bijwerken van dat bestand zonder opnieuw te hoeven importeren. De knopstaten-functie was een grote tijdbesparing. U kunt een PSD importeren en alle toestanden voor een knop uit dat bestand kiezen. 

Heeft u ontdekt dat Adobe Muse alle interactieve hulpmiddelen bood die u voor het project nodig had? Heeft het je geïnspireerd om benaderingen te gebruiken die je anders niet zou hebben?

Muse bood niet alles, maar bouwde wel een goede basis van interactieve tools in, zoals 'Scroll Motion' (ook bekend als parallax-animatie), afbeeldingsgalerijen en de mogelijkheid om naar secties op één pagina-site te scrollen met behulp van menunavigatie. Deze functies, samen met de andere ingebouwde widgets, gaven ons de mogelijkheid om snel eenvoudige interactieve sites te maken. 

Toen waren er de cloud-updates. Tijdens het projectwerk bleven ze steeds meer tools verfijnen en toevoegen, dus het was belangrijk om de software up-to-date te houden en een goed teken van de toewijding van Adobe aan zijn product.

Waren er aspecten van het project die u bijzonder uitdagend vond om te bouwen met Adobe Muse?

Omdat we met het printteam van Showtime werkten, moesten we andere media-rijke functies binnenhalen, zoals specifieke video-functionaliteit, aangepaste lettertypen en JavaScript, die Muse destijds niet ondersteunde. 

We hebben dit bereikt en de mogelijkheden van Muse verder uitgebreid door in codefragmenten te plakken en door de volledige html-site te exporteren met onze eigen aangepaste code. We hebben ook de microsite gebouwd met de 32-bits versie van Adobe, die zijn beperkingen begon te vertonen toen de site groter en complexer werd. Gelukkig heeft Adobe sindsdien een 64-bit versie uitgebracht die beter geschikt is voor een project van deze omvang en omvang. 

Welke aspecten van het werken met Adobe Muse vindt u het aantrekkelijkst??

Het zou de snelheid moeten zijn waarmee we interactieve wireframes en bruikbare sites voor klanten kunnen creëren; en de mogelijkheid om niet-interactieve ontwerpers te laten werken in de interactieve wereld, alleen met hun kennis van andere Adobe-apps.

Er lijkt geen mobiel-specifiek ontwerp voor deze website te bestaan, was dat een weloverwogen beslissing?

Het publiek voor dit projectis over het algemeen gewend aan gedrukte perssets, dus ons doel was om een ​​desktop- en tabletversie te hebben die hen zou aanspreken. 

We hebben in verschillende mobiele aanpassingen voor de tabletversie gewerkt omdat onze heldvideo over volledige breedte en alle parallaxfuncties niet zo soepel zouden verlopen op de mobiele apparaten.

handige links

  • Jaren van leven gevaarlijk
  • ProPoint
  • Demitri Alexander
  • Alles over Adobe Muse