- Ons denken
- 5 min lezen
Leveraging AI in Video Content Creation
1 maand geleden
1058
Hoi,
Neem vandaag nog contact met ons op om te praten over je volgende project.
Oncel Cebeci
3 jaar geleden・5 min gelezen
3 jaar geleden・5 min gelezen
Laten we beginnen met het feit dat in het afgelopen decennium online start-ups en producten een van de belangrijkste spelers zijn geworden in het wereldwijde energieverbruik. De impact van het internet op de wereldwijde hulpbronnen kan worden vergeleken met die van de industriële revolutie, en aangezien het internet blijft groeien, verwachten we dat het in de komende vijf jaar 20% van de hulpbronnen van de wereld zal verbruiken.
Het is duidelijk dat wij, als technologiebedrijven, de opdracht hebben duurzamere producten te ontwerpen en te ontwikkelen.
Sinds onze oprichting hebben we het hele 90 Seconds bedrijfsmodel ontworpen rondom het streven naar duurzaamheid. Met oplossingen zoals Shoot Anywhere verminderen we onze reiskosten en ecologische voetafdruk, terwijl we onze merken in staat stellen om video-inhoud te creëren waar ze maar willen.
De logische volgende stap was om dezelfde aanpak toe te passen op onze website.
En zo begonnen we met het ontwerpen...
De Uitdaging
Onze grootste uitdaging was om onze meer dan 10 jaar oude content aan te passen in een nieuwe lay-out met behulp van nieuwe technologie - zonder dingen kapot te maken. We wisten dat een verkeerde beweging een negatieve impact zou kunnen hebben op onze SEO en algemene gebruikerservaring, dus hebben we eerst bijna 20.000 contentpagina's verfijnd en de verouderde content geëlimineerd. Geen geringe prestatie.
Daarna moesten we beslissen welke technologie de beste oplossing zou zijn voor de back-end en front-end. Onze vorige website gebruikte een mash-up van React en WordPress, wat leidde tot bugs en een heleboel andere problemen. Dus besloten we om alles te verplaatsen naar WordPress omdat het een bulletproof platform is en hun native hosting is een van de weinige groene hosting diensten die er zijn.
Voor we verder gaan, wil ik een belangrijke overweging benadrukken: de rol van het ontwerpteam in de technologie. Ik geloof dat wij ontwerpers ons nooit mogen beperken tot een 'we ontwerpen en dat is het' mentaliteit. We zouden direct betrokken moeten zijn bij productontwikkeling, van content creatie tot technische engineering en SEO, zodat we de resultaten kunnen beïnvloeden en op een snellere en efficiëntere manier kunnen samenwerken met onze collega's.
Na deze cruciale beslissingen was het tijd om te beginnen met het maken van ontwerpen op basis van onze nieuwe visuele benadering, ook wel "90 Design" genoemd. De afgelopen twee jaar hebben we een ontwerpsysteem gecreëerd dat zich volledig richt op de menselijke ervaring op digitale platforms. Dit is ook het motto van ons ontwerpteam: 'We ontwerpen voor mensen'. Elk onderdeel en elke lay-out die we ontwerpen heeft sociologische en psychologische redenen. Dus 90seconds.com moest natuurlijk ook deze ideologie weerspiegelen.
Het 90 Seconds ontwerpteam stond voor de volgende uitdagingen:
- Ontwerp en ontwikkel de nieuwe 90seconds.com duurzamer te maken.
- Onze nieuwste visuele richtlijnen weerspiegelen terwijl de 90 Seconds look en feel intact blijven.
- Begrijp onze markt en de echte mensen erin.
De Vooruitgang
Het hele ontwerp en de ontwikkeling van de nieuwe 90seconds.com duurde bijna een jaar. Rekening houdend met de conceptuele ontwerpen en de eerste concepten is de volledige tijdlijn echter dichter bij 2 jaar.
Aangezien we een videoproductieplatform zijn, is onze Storefront sterk gericht op afbeeldingen en video's. Dit dient een decoratief doel en fungeert ook als belangrijke visuele gids voor onze gebruikers om hen een idee te geven van wat ze kunnen verwachten van onze videoproducties. Dit dient een decoratief doel en fungeert ook als een belangrijke visuele gids voor onze gebruikers om hen een idee te geven van wat ze kunnen verwachten van onze videoproducties. Het vormt ook een uitdaging voor een ontwerpteam dat zich inzet voor meer duurzaamheid. Daarom besloten we deze twee optimalisatiemethoden te volgen:
- Handmatig edit, bijsnijden en optimaliseren van de visuele inhoud.
- Gebruik online technologieën zoals Cloudinary API om de kwaliteit en de hoeveelheid gegevens in evenwicht te brengen.
Voordat we ingaan op hoe deze systemen werkten en ons hielpen om onze Storefront duurzamer te maken, wil ik het hebben over de ontwerpmethoden die we gebruiken op 90 Seconds om ervoor te zorgen dat we consistent zijn en een vergelijkbare gebruikerservaring bieden op ons hele platform.
Wij gebruiken Figma als onze primaire ontwerptool en bouwen onze ontwerpen rond een ontwerpsysteem dat bestaat uit meer dan 10.000 globale componenten, 500+ lay-outs en 7 systemen die aan elkaar dicteren en duizenden onafhankelijke componenten en hun variaties. Als puzzelstukjes creëren zij multifunctionele lay-outs waarmee wij ons platform bouwen. Aangezien we ons voorbereiden op enkele grote veranderingen op ons platform in 2022, gaat ons ontwerpsysteem een belangrijke rol spelen in het verzekeren van een naadloze gebruikerservaring.
Het resultaat
We zijn er trots op te kunnen zeggen dat we 90seconds.com 90% duurzamer, milieu- en gebruiksvriendelijker hebben gemaakt. We hebben ook de prestaties van de site sterk verbeterd om ervoor te zorgen dat we native-achtige lay-outs tonen voor mobiele telefoons, tablets en verschillende schermresoluties. Als je bedenkt dat we nog maar in Beta 1.0 zitten, is de impact die we al hebben gemaakt behoorlijk ongelooflijk.
Laten we eens kijken naar wat voor en na vergelijkingen:
Wij gebruiken meerdere softwares en online platforms om onze impact te berekenen, zoals GTmetrix, Pingdom en WebsiteCarbon. Omdat de testresultaten niet altijd hetzelfde zijn, gebruiken we de mediaan cijfers. Hier zijn ze:
| GTmetrix | Pingdom | |
| Vóór | F - 35% Prestaties | D- Homepage grootte: 10,65MB |
| Na | A - 95% Prestaties | A- Homepage grootte: 2,4MB |
Volgens WebsiteCarbon, een koolstofvoetafdruk emulator voor websites, stootte het vorige Storefront voor elke 10.000 bezoekers aan de site de hoeveelheid koolstof uit die 143 bomen in een jaar opnemen. Dit is een enorme hoeveelheid als je bedenkt dat onze site maandelijks veel meer bezoekers ontvangt.
Met de nieuwe storefront90.wpengine.com zijn we blij dat we onze uitstoot hebben teruggebracht tot het equivalent van slechts 9 bomen, en we blijven werken aan meer optimalisatiemethoden om onze ecologische voetafdruk nog verder te verkleinen.
WebsiteCarbon
GTmetrix
Samenvatting
Net als alle software- en onlinebedrijven heeft 90 Seconds een verantwoordelijkheid om ervoor te zorgen dat we alles doen wat in onze macht ligt om de planeet te behouden en te beschermen. De hulpbronnen van de aarde zijn niet oneindig en we zijn ervan overtuigd dat we ons deel moeten doen om onze ecologische voetafdruk te verkleinen en de grootst mogelijke positieve impact te hebben. We kijken ernaar uit om mensvriendelijkere, duurzamere en effectievere producten te maken voor onze gebruikers en hopen dat onze inspanningen ook andere bedrijven in dezelfde richting zullen helpen.
Wil je epische video's maken?
Neem vandaag nog contact met ons op om te praten over je volgende project.