Door het front-end development goed uit te voeren, is de visuele presentatie van de website optimaal. Het is de vertaling van een fraai design naar een succesvolle website. Een perfect pagina-ontwerp in alle browsers, voor desktop of mobiel. Heldere navigatie, knoppen die feedback geven en call to actions voor de belangrijkste boodschappen. Mooie extra's zoals gelaagde afbeeldingen, dynamische statistieken of mouseovers zijn de pareltjes van het interactieontwerp. YipYip heeft veel ervaring met de belangrijkste technieken om een website te ontwikkelen zoals: HTML5, CSS3 & JavaScript.
Goed uitgevoerde front-end development betekent dat de website elke vraag van de gebruiker kan doorstaan. De pagina's reageren vlot, schalen optimaal, scrollen naadloos en functioneren op elk vlak uitstekend. Bij YipYip is front-end development in goede handen: met meerdere technieken en programmeertalen die de webwereld rijk is, zoeken we altijd naar de best passende oplossing. Zo passen we JavaScript toe in onze projecten voor meer dynamiek. Denk aan animaties of overgangen tussen schermen, maar ook het dynamisch ophalen van data uit een back-end systeem of CMS.
Door technieken binnen front-end development zoals CSS3 toe te passen kunnen we in een kort tijdsbestek websites ontwikkelen die er goed uitzien, fijn werken en bovenal voldoen aan al de vereiste standaarden.
Search Engine Optimization (SEO)
Iedereen wil op de nummer één positie in Google staan. Hoe daar te komen? Een belangrijke component om daar te komen zit aan de voorkant. Dit is namelijk wat de 'crawler' van Google ziet. We zorgen tijdens het front-end development altijd voor een zo optimaal mogelijke vindbaarheid in Google, bekeken vanuit technisch oogpunt. Uiteraard us ook gerichte content van groot belang. Daarom nemen we klanten mee in het spannende proces van goed rankende content verzorgen om de vindbaarheid te vergroten. Het gebruik van onderscheidende keywords en relevante links draagt verder bij aan het succes. Dit proces van Search Engine Optimization (SEO) hebben wij in de vingers en zien we als belangrijk onderdeel van de websiteontwikkeling. Eigenlijk is het nooit af: hoe relevanter een website, hoe meer waarde Google eraan zal toekennen.
Responsive websites
Met de komst van mobiele devices en de variatie in schermformaten, heeft YipYip zich toegelegd op het ontwikkelen van responsive en adaptive websites. Ook daar vertellen we je meer over, want: een responsive website is tegenwoordig een basisvoorwaarde van Google om degelijk geïndexeerd te worden (niet responsive websites krijgen tegenwoordig een penalty). We bekijken wat een gebruiker nodig heeft in een mobiele context en bepalen aan de hand daarvan de informatie die we op dat moment tonen zodat de website optimaal geschikt is voor mobiel.
Een andere interessante stroming is de recente opkomst van Progressive Web Apps (PWA). Een Progressive Web App is in feite een website die zich voordoet als een echte mobiele app. Een groot verschil met Hybride vormen is dat je uiteindelijke app (het gecompileerde eindproduct) niet compileert naar Native code maar ook echt in Front-end technieken (HTML, CSS & JavaScript) houdt. Een PWA draait dan ook altijd in een webview component.
Een PWA kun je het beste zien als een offline website. Omdat het echter nog steeds een website is zul je wel eerder internet nodig hebben (om data te kunnen updaten) dan in een "echte" app, maar in theorie kun je een PWA volledig offline laten werken.
Voordelen van een Progressive Web App
- Sneller te ontwikkelen omdat je voor 3 platformen (iOS, Android & web) slechts één keer hoeft te ontwikkelen met zeer weinig platform specifieke instructies.
- Worden geïndexeerd door zoekmachines. Google geeft hier zelfs extra punten voor.
- Onderdeel van je bestaande website of platform, gebruikers hoeven dus geen app te downloaden en slechts de app op hun homescherm te plaatsen.
- App hoeft niet in de App Store en Google Play te worden gezet, dat scheelt in kosten aan deze platformen maar ook het proces van insturen is niet nodig.
Nadelen van een Progressive Web App
- Op iOS loopt de ondersteuning voor PWA's flink achter. Er is minder mogelijk (de ontwikkelaar heeft weinig controle over offline opslag, deze is slechts tijdelijk en beperkt).
- Push-notificaties zijn complexer om in te bouwen dan in een native app, op iOS is het überhaupt (nog) niet mogelijk in een PWA.
- Omdat het een web-app is kun je vooral wat je in een website ook zou kunnen, veel verwerkingskracht en mogelijkheden van het mobiele device zijn dus niet beschikbaar.
- Support in de background is uitermate beperkt.
- Je moet ook een goede website hebben, anders is het nut weg.
- Een PWA wordt in de regel niet ingestuurd in de App Store. Het is mogelijk maar de kans op afwijzing is aanwezig en het is de vraag of het wel noodzakelijk is. Het hele idee van een PWA is immers dat ze eenvoudig benaderbaar zijn.
We houden deze ontwikkelingen nauwlettend in de gaten en nemen de overweging voor een PWA ten alle tijden mee, niet alleen als een Native iOS en/of Android app budgetair niet mogelijk blijkt.
Samen van jouw visie een applicatie maken?
Van webapplicaties tot mobile apps, alle software ontwikkelen we op maat.
Specifiek op zoek naar een app developer? Of juist naar een all-round partner die helpt bij een digitale transformatie? Kom gerust een keer op de koffie in Rotterdam voor een vrijblijvend gesprek! We zijn altijd enthousiast en gemotiveerd om te praten over nieuwe ideeën en concepten.
Kennis maken?
