StageBlog

Gister hadden we echt een gaaf idee voor de slider, moest het vandaag alleen nog werkend krijgen. Heb eerst de afbeelding bijgewerkt en dat groene huis ding bijgesneden. Na even googlen kwam ik er achter dat je twee background-images over elkaar heen kan doen, dus dat loste gelijk het probleem op. De foto van Den Haag blijft nu stil staan, zoals in het orginele ontwerp. Die groene vorm schuift er netjes overheen, echt prachtig.

Daarna moest ik hem omzetten naar tablet/mobiel, waar veel tijd in is gaan zitten. Ik had wel bedacht dat ik het moet oplossen met jQuery, maar daar ben ik totaal niet goed in. Dus heb de vraag gesteld op stackoverflow en echt in no-time het juiste antwoord gekregen. Daarna zelf nog een animation toegevoegd, zodat de afbeelding niet door de header heen komt. Het resultaat mag er zijn.

Smiddags bezig geweest met de site mobiel te maken. Ik had er tijdens het coderen wel een beetje rekening mee gehouden qua kolommen enzo, maar moest overal nog de juiste klas aan toevoegen. En aan de ‘speciale’ elementen de positie een beetje bijschaven. 

Bijan heeft het eind van de dag er bij gezeten en we hebben de call-to-action button aangepast. De verhuizers die we gisteren hadden toegevoegd vonden we er uiteindelijk niet meer zo goed bij passen omdat de slider er nu veel professioneler uit ziet. We hebben inspiratie opgedaan op een andere goede site waar we een vliegtuigje zagen staan. Die hebben we in combinatie met een vierkante box op de site gezet. Past echt goed bij de rest van de site!

Had een aardige lijst met punten vandaag die ik af kon werken. Heb eerst de voordelen list afgemaakt. Ik zat eerst heel erg te klooien met die iconen op lijn brengen met de tekst, net zoals gisteren. Alleen toen ik in de documentatie van FontAwesome ging lezen bleek er blijkbaar iets in te zitten waardoor ze automatisch goed staan. Lang verhaal kort, weer wat nieuws geleerd. 

Daarna de verhuizers aangepakt. Dat was aardig wat werk omdat de handen van de verhuizers over de knop heen moeten zitten. Ik heb eerst alle tekst en de knoppen uitgelijnd. Daarna in Photoshop de handen netjes uitgeknipt en die vervolgens over de originele handen heen geplaatst, maar boven de knop. 

Daarna de foto in de subfooter aangepast, dat was gelukkig niet zo veel werk. We hadden gekozen voor een foto van de Kuip, omdat iedereen die wel kent in Rotterdam. Ook een titel toegevoegd boven de tekst.

Het stappenplan ook een beetje aangepast. Toch maar weer de knoppen verwijderd die ik van de week had toegevoegd. De cijfers en boogjes zijn er voor in de plaats gekomen. 

Daarna de grootste verandering. Een nieuwe foto voor in de header. Bijan had een foto gevonden van Den Haag die hij graag wilt gebruiken. Eerst met het idee om er een vrachtwagen bij te doen, maar dat liep slecht af. We hebben verschillende kleur en licht combinaties gebruikt voor de foto, maar we kwamen niet echt op een goed resultaat.

Vervolgens besloten om het ontwerp helemaal om te gooien. We doen een doorzicht vlak in de vorm van het logo over de slider. Daardoor kan de afbeelding licht en fris blijven terwijl de tekst goed leesbaar blijft. Het is een mooie oplossing, maar gaat een kut klus worden om hem helemaal responsive te krijgen.

Ook hebben we besloten om de site voor haagsverhuisbedrijf te gaan gebruiken, omdat groen en oranje blijkbaar de kleuren zijn van Ado Den Haag. Dus andere voorstellen voor het logo gemaakt. Vind de rechter beter, dan blijft het icoon beter uit komen. 

Maandag hadden we deze verhuizers uitgezocht, maar moest ze nog even goed op de site zetten en de knop ‘echt’ maken. Arash zei later dat het misschien beter is om hem breder te maken, ziet er inderdaad goed uit. 

Vanochtend de slider afgemaakt. Was even uitzoeken welk formulier we er voor moesten gebruiken. Eerst Gravity Forms gebruikt, omdat we daar ook de andere formulieren mee gaan maken. Nadat ik hem helemaal gestyled had bleek dat je geen placeholder in kan stellen, dus op zoek naar een andere plug in. Met Contact Form 7 kan het gelukkig wel, dus even een nieuwe formulier aangemaakt. Hij werkt nog niet helemaal, omdat de mail instellingen nog niet geregeld zijn. Dat gaat Arash regelen.

S’ middags met Bijan gezeten en even door de site heen gelopen. We hebben de indeling iets veranderd en wat elementen aangepast. Grootste verandering is toch wel de verhuizers. Ze staan weer wat dichter op elkaar en een ander bord. 

Bijna de hele ochtend alleen gezeten. Virish ging gelijk weer naar huis omdat hij amper kon zitten. Arash had vertraging en moest op een pakketje wachten in zijn nieuwe huis. 

Ik heb alle foto’s toegevoegd aan offertedienst.nl. Ik liep wel al gelijk tegen het punt aan dat niet alle afbeelding de zelfde verhouding hebben. Daardoor zijn sommige vlakken groter dan de ander. Bijan wilt wel graag dat ik het gelijk trek, ben het er ook mee eens, gaat alleen veel tijd in zitten. Ben wel blij dat alle afbeeldingen er nu in staan. Ziet er een stuk beter uit wanneer ik hem voor me portfolio gebruik.

Bijan en ik hebben een plan gemaakt voor rotterdamsverhuisbedrijf. Heb een paar punten waar ik woensdag mee verder kan. Onderstaande foto moet ik verwerken op de site. Die komt op de plaats van die gozer die ik vrijdag had gemaakt. Zet de tekst er in HTML overheen, kan ik ook de button animeren. 

We willen op rotterdamsverhuisbedrijf een foto van een verhuizer, dus heb even zitten zoeken maar dat is lastig zeg. Had wel een koerier gevonden, dus het logo van budget op zijn shirtje gezet en de kleuren van zijn kleding wat aangepast. Arash had wel een goed punt waardoor dit eigenlijk niet werkt, korte broek en gympjes aan. Dat geeft geen goede bescherming dus wekt een slechte indrukt.

Heb wat foto’s zitten zoeken voor offertedienst en aardig wat gevonden. We hebben besloten om geen foto’s te kopen, maar gewoon alles van google af halen en wat duitse site’s etc. Heb nog niet voor alle diensten wat gevonden, maar denk dat 85% wel binnen is. Maandag verder zoeken.

Heb de eerste foto’s toegevoegd aan het productoverzicht. We hadden wat problemen met uploaden, daardoor duurde het allemaal wat langer. Maandag ga ik alle indivudele pagina’s vullen. Daarna kunnen de formulieren er in.

Vandaag alleen wat kleine dingen aangepast aan rotterdamsverhuisbedrijf. Onder andere knoppen toegevoegd onder iconen. Daar moeten we dan wel weer aparte pagina’s voor aanmaken waar ze naar toe linken.

Ook het voordelen dingetje aangepast. Heb er een kader omheen gezet en onderaan wat knoppen. Die kunnen we dan ook doorlinken. Bijan zei dat dat goed werkte.

In de footer heb ik social media iconen toegevoegd. Dat heeft veel tijd gekost, omdat ik font awesome niet werkend kreeg. Uiteindelijk bleek het een typ fout te zijn geweest, tja dat duurt even voordat je daar achter komt.

Vandaag een grote slag gemaakt met rotterdamsverhuisbedrijf. De homepage is nu helemaal gecodeerd. Heb eerst uitgezocht hoe zo’n paralax scrolling achtergrond werkt. Blijkt het helemaal niet zo te heten, paralax scrolling houd eigenlijk in dat er veel meer dingen op één pagina bewegen. Het is wel gelukt met die achtergrond stil te laten staan. Heb ook een slider gemaakt voor de grote bedrijven waarvoor opdrachten zijn uitgevoerd. 

We hadden er voor gekozen om een subfooter te gebruiken, waar we zelf teksten in kunnen zetten. Ik heb er een carousel in gezet via bootstrap, hartstikke makkelijk. Moet alleen er nog inzetten dan wanneer je op de indicator bolletjes drukt, hij ook naar die pagina springt. Dat doet ie nu dus niet. Of ik moet veranderen dat het muis dingetje niet naar een handje veranderd, zodat het niet op een link lijkt.

Daarna aan de slag gegaan met de footer, ben er echt blij mee. Het is eindelijk gelukt om footer er ook interessant uit te laten zien, maar toch heel clean en netjes. Heb wat meer met kleur verschil gespeeld en dat heeft zijn vruchten afgeworpen.

Vanochtend begonnen met het coderen van rotterdamsverhuisbedrijf. Het internet was heel traag vandaag en Wordpress werkte ook niet echt mee dus ging allemaal niet zo snel. Ben wel blij dat de slider gelukt is, die komt half achter de navbar zodat je door de nav heen de slider kan zien. Gelukkig is ook het tab menu gelukt.

Vanochtend eerst verder gegaan met de auto’s van laadkompas op volgorde te zetten. Moest even uitzoeken naar welke data’s ik ze moest veranderen en toen stonden ze goed. 

Daarna aan de slag gegaan met stoplekkage. Hij moet eigenlijk afgerond worden, maar de klant heeft niet echt een eigen wil. Hij laat het aan ons over. Ik had al kleurvoorstellen gemaakt, maar die hebben we nog steeds niet toegepast. Bijan was er ook niet smiddags, dus die kon ook niet helpen beslissen. We willen zelf een foto in elkaar zetten voor de slider na een voorbeeld die we gevonden hadden. Alleen dat is nogal lastig. Ik kan geen goede personen vinden. Het moet iets worden zoals onderstaande foto, alleen dan iemand zonder pak, gewoon met ‘normale’ kleding.

Vanochtend heb ik het design afgemaakt van rotterdamsverhuisbedrijf. De iconen zien er best wel goed uit op de site. Doordat ze wat kleiner zijn let je niet heel erg op het detail, want dat zit er niet in. Heb er ook groene vinkjes naast gezet met de voordelen, die matchen mooi de huisstijl kleur.

We maken een soort van subfooter op de site. Daarin kunnen we dan zelf geschreven teksten schrijven. Ik denk dat mensen eerder geneigd zijn om zo iets te lezen dan lange teksten, omdat dit er aantrekkelijker uit ziet. Het word een slider met een stuk of vijf teksten, dus al we hem op elke pagina op een andere laten beginnen ziet er het er ook wissel vallend uit. Ook doen we er een knop in om gelijk een offerte aan te kunnen vragen, omdat dit het laatste onderdeel van de site is.

Ik denk dat dit de eerste keer is dat ik een footer heb gemaakt die niet totaal waardeloos is, zelfs er een beetje okay uit ziet. Die van offertedienst was ook niet verkeerd, maar daar zat dan ook bijna niets in. Ik heb hier gewoon veel ruimte tussen de items gelaten en heel erg met de kleuren gespeeld, zodat er een beetje contrast in zit. Ik vind hem wel geslaagd.

Smiddags wat wijzigingen gedaan aan laadkompas. De klant had een lijstje doorgestuurd met punten die hij veranderd wilden hebben. Meeste was zo gedaan. Er moesten ook nog auto’s toegevoegd worden in het overzicht, dat was het meeste werk. Moest eerst alle afbeeldingen schalen, omdat ze allemaal een ander formaat hadden. Ze zitten er nu wel allemaal in, moet het alleen nog op volgorde zetten. Wordpress sorteert het op datum en niet op alfabetische volgorde. Dus ik moet de datums van al die berichten aanpassen zodat ze wel op alfabetische volgorde staan. 

Eind van de dag moest ik even snel een flyer in elkaar zetten. Wel leuk allemaal, maar ten eerste ben ik er echt niet goed in. En daarbij had ik helemaal geen informatie er over. Bijan had gezegd dat shahab wel wist wat er in moest, maar die had niet echt input er over. Uiteindelijk heft Bijan een schets gemaakt en aan de hand daarvan heb ik de flyer gemaakt. Op zich ziet hij er niet slecht uit, maar hij is wel verre van goed. Links is de voorkant en rechts de achterkant

Vanochtend was er nog niemand, dus beetje internet af zitten zoeken. Inspiratie op doen en forum’s afgelezen van ETS2. 

Ik blijf wel de zelfde stijl aanhouden als de site die ik gisteren in elkaar heb gezet, alleen de indeling gaat iets anders worden. Heb de slider een heel stuk kleiner gemaakt, zodat er ook ruimte over blijft voor andere items boven de vouw.

Gisteren had Bijan al een voorbeeld hoe hij het logo ongeveer wilt. Dus heb hem vandaag zelf gemaakt en de kleuren afgestemd. Het is nog meer een schets, maar hij vind het idee wel al goed. Volgende versie moet het icoontje er wat anders uit zien dan het logo waar we ‘inspiratie’ van op hebben gedaan. Moet ook de tekst nog wat beter uitlijnen. 

Er komt ook weer een stappenplan op de homgepage, met iconen. Bijan had een schetsje gemaakt en die heb ik omgezet in vectoren. Op zich zien ze er niet verkeerd uit. Zal morgen nog een beetje spelen met een gradient, dan ziet het er waarschijnlijk al mooier uit. Het euroteken ziet er ook nog smal uit in vergelijking van de andere grijze vormen. 

Was later vanochtend omdat we weer in de file stonden met de bus. Daarna aan de slag gegaan met rotterdamsverhuisbedrijf. Vorige week we al het template neergezet, maar verder nog niets. Eerst maar een afbeelding voor de header gezocht en een beetje bewerkt. Kleuren wat opgepoetst en wat waziger gemaakt.

Heb de hele content overgenomen van amstelverhuizing, om wat vulling te hebben. Wel wat icoontjes veranderd, gelukkig bracht fontawsome daar een uitkomst. Ook een jumbotron met een paralax background er tussen gezet, geeft een mooi effect. En door bekende elementen van Rotterdam als achtergronden te gebruiken wekt het meer de indruk dat het echt alleen om Rotterdam gaat.

Er zat ook iets moois in het thema voor de tarieven. Zie je vaak ook op site’s die website en hosting aanbieden, maar voor ons ziet het er ook prima uit. Was wel even geklooi met de opmaak, kreeg het niet heel netjes. 

Uiteindelijk kiezen we er voor om de site te baseren een ander verhuisbedrijf. Bijan vindt het er wat zakelijk uit zien, geef hem geen ongelijk. Maar had het bovenstaande design gebaseerd op amstelverhuizingen omdat hij dat gevraagd had. Morgen dus schetsen gaan maken wat meer op het onderstaande lijkt. Heeft wel iets weg van offertedienst.

Vanochtend het menu van laadkompas een beetje bijgewerkt. Heb hem iets duidelijker gemaakt wanneer de background nog transparant is. Ook de header afbeelding wat waziger gemaakt, zodat de tekst beter te lezen is. Gelijk de kleuren wat opgepoetst en wat meer contrast gegeven, ziet er meteen wat beter uit.  

Had daarna weinig te doen en Arash was er nog niet dus ben aan de slag gegaan met me portfolio site. Heb een pagina aangemaakt voor Laadkompas en gelijk maar gevuld. Ook een template in elkaar gezet waar ik de oude websites die ik opnieuw heb ontworpen kan laten zien. Niet heel bijzonder, maar moest wel even gedaan worden. Moet zeggen dat ik een plaatje als achtergrond erg mooi vind in plaats van een kleur.

Daarna met een nieuw project begonnen, een mini site van budgetverhuisservice. Er zijn voor de hoofdsteden allemaal aparte sites en ik neem nu rotterdamsverhuisbedrijf onder handen. Heb even voor templates zitten kijken, maar we blijven bij Salient die we ook voor laadkompas hebben gebruikt. Daar zitten genoeg opties in om er weer iets moois van te maken.

Vandaag begonnen met de vergelijk pagina van laadkompas.nl. Ik heb eerst alle auto’s toegevoegd in het portfolio gedeelte van wordpress en daarna een portfolio widget toegevoegd op de site. Doordat ik aan het begin was begonnen (logisch), was daar de datum het ‘oudste’ van. En Wordpress sorteert de portfolio items op datum, dus ze stonden allemaal verkeerd om. Erg jammer dat er geen optie is om te kunnen wisselen hoe er gesorteerd wordt. Wat ook een gemis is dat er geen ondersteuning is voor meerder categorieën. Je kan ze wel aanmaken, alleen je ziet ze niet terug op de pagina. 

Ik heb ook de home-page een beetje bijgewerkt. Een andere foto toegevoegd die ik op pexels.com had gevonden, geweldige site. Nu heeft het iets meer met de rest van de site te maken. Ook heb ik de iconen etc geanimeerd, erg makkelijk maar heeft geeft een mooi gezicht aan de site.

Hetzelfde heb ik gedaan voor de over ons pagina. Ik heb een bijpassend plaatje gezocht en alles geanimeerd. Geeft net wat meer interactie aan de site, waardoor die er professioneler uit gaat zien.

Ook de contact pagina gefixed. Was er in het begin niet uit gekomen hoe het met die Google Maps widget zat. Maar ben nu wat bekender met het thema en zat dus verkeerd te zoeken. Heb ook gelijk het contact formulier er in gezet, er was een plugin bijgeleverd met het thema dus past goed bij de stijl. 

Voor Offertedienst hebben we eindelijk een nieuw logo. Deze had ik een keer eerder ontworpen in een ontwerpfase, maar had het er nog niet met Bijan over gehad. Hij vindt hem niet geweldig, maar zei als ik hem goed vond we het proberen. Weet niet of ik hem ‘goed’ vind, maar was wel me beste poging. 

Vandaag was ik later omdat ik onverwachts met me vader mee naar het ziekenhuis moest voor zijn ogen. Gelukkig allemaal sneller klaar dan verwacht en niets ernstigs aan de hand dus was rond 10:30 in Den Haag. 

Heb eerst aan een Nederlands opdracht gewerkt, omdat Arash er ook nog niet was. We moesten een verkoopbrief schrijven, dus die maar even in elkaar gezet. 

Daarna de login gegevens van Arash gekregen van laadkompas.nl, zodat ik die kan gaan ontwerpen en vullen. We hebben samen een thema uitgekozen, waardoor het allemaal wat makkelijker zou moeten gaan. Dat valt alleen erg tegen. Het thema zit erg ingewikkeld in elkaar, zeker als je er helemaal niet mee bekend bent met dit soort thema’s. Het logo wil niet mee werken bijvoorbeeld. Hij zat er in, alleen toen wou ik hem aanpassen zodat er ook een witte variant was, maar nu doet ie het helemaal niet meer.

Arash en Bijan zijn nog steeds weg, dus heb ook niet echt kunnen overleggen vandaag. Morgen maar weer verder.

Vandaag voor het eerst bijna niets gedaan. Productiviteit was ver te zoeken. Heb sochtends de afbeelding met de mensen uitgeknipt en smiddags hem in de site gezet. Was wel even lastig, want ging niet helemaal zoals ik het wilde. Uiteindelijk het op een niet zo’n nette manier opgelost denk ik, maar hij werkt wel. Hij is alleen maar te zien op schermen boven de 1200px. 

Vandaag wilde ik beginnen met alle pagina’s aanmaken voor offertedienst.nl, maar dat liep een klein beetje tegen. Kwam er achter dat ik nog aardig wat dingen miste. Ik had nog geen goede basis gemaakt voor de catogorie pagina’s, dus die heb ik eerst gemaakt. Daarna moest op de productoverzicht pagina alle tabellen gemaakt worden. Wilde dit eerst met allemaal accordion’s doen, maar die kreeg ik niet samenwerkend zeg maar. Dus wanneer je de één openend dat de ander sluit. Uiteindelijk opgelost door gewone lists er neer te zetten en ze allemaal ‘open’ te laten staan. 

Daarna kon ik beginnen met alle pagina’s aanmaken. Bleken er uiteindelijk zo’n 110 te zijn en de rest van de dag mee bezig geweest. Ging niet zo snel als de begrippenpagina’s van een aantal weken terug, omdat ik nu veel meer links tegelijk moest plaatsen en heel erg opletten om geen fouten te maken. Het is jammer dat er nog geen plaatjes beschikbaar zijn, anders zou het er gelijk een stuk beter uit zien.