BLOG: It’s a brand new ANNEMEREL.COM!

 photo nieuwelayout.jpg

Flashback, dinsdag 13 augustus, rond een uurtje of 18.00u. Ashley Lynn op de Whatsapp.. Ik sta op het punt om te gaan hardlopen, maar Ashley doet me een interessant voorstel.. Ze vraagt of ze een nieuwe layout voor me mag maken.. Uh serieus? Weet ze wel wat ze zegt? Ik kan haar niet betalen en ik ben niet bepaald snel tevreden.. Maar dat is voor Ash allemaal geen probleem en ze gaat dezelfde avond nog aan de slag. Ik stuur haar mijn ideeën, zij werkt ze uit tot iets dat werkt en nog beter is dan ik van te voren had kunnen bedenken.

De dagen die volgen houden Ash en ik er een intensieve iMessage relatie op na (veel beter dan Whatsapp, want iMessage berichten kan ik vanaf mijn MacBook versturen, weet je hoe-veel makkelijker en sneller dat gaat?), zaterdagmiddag was ‘ie zo goed als af.

Om een lang verhaal kort te maken, zojuist is de nieuwe layout van Annemerel.com live gegaan en ik had niet blijer kunnen zijn. Hij is een stuk gebruikersvriendelijker dan de vorige layout door de searchbar bovenaan, het archief en de follow & like-buttons. Daarnaast is ‘ie een stukje strakker en volwassener, iets waar ik na ruim twee jaar ook wel aan toe was.

Ik hoop dat jullie hem net zo mooi vinden als ik. Mochten jullie nog kleine probleempjes tegenkomen, vertel het me alsjeblieft in de comments, dan kunnen we kijken of we ze op kunnen lossen. Ashley en ik werken allebei alleen maar met Apple-producten, dus daar is ‘ie ook alleen maar mee getest.

Thanks Ashley, voor Annemerel.com 2.0 (of is het inmiddels 12.0?) en voor alle berichtjes en kritische puntjes waar ik je de afgelopen week mee bestookt hebt.

NOTE: Ik lees dat veel mensen het lettertype niet fijn vinden lezen, Ashley en ik hebben er zelf met onze MacBooks geen last van, maar vooral Internet Explorer lijkt het lettertype er niet leesbaarder op te maken. We zijn op zoek naar een ander lettertype dat lijkt op het lettertype dat we nu gebruiken (Didot) maar dat makkelijker leest. Iemand tips?!

Liefs,
Annemerel

Delen:

104 Reacties

  1. Charlotte
    augustus 19, 2013 / 17:02

    Het ziet er prachtig uit!

  2. augustus 19, 2013 / 17:04

    Wat cool! Alsof je nog niet druk genoeg bent haha. Ziet er heel mooi uit! Vond het leuk je eens gezien te hebben en ik heb zelfs een beetje spierpijn van de Bootcamp! :)

  3. N
    augustus 19, 2013 / 17:08

    Nee vond het eerst mooier, simpeler, overzichtelijker. Mijn ogen zien u te veel dingen!

  4. Anna
    augustus 19, 2013 / 17:17

    Mooie kleuren :) Het overzicht mis ik helaas nog een beetje. Alles is wit en lijkt in elkaar over te lopen (met name de header en de blogtitels daaronder). Daarnaast ben ik persoonlijk van mening dat sans-serif fonts een stuk rustiger zijn voor je ogen.. Maar tof voor je dat je een nieuwe layout hebt!

    • Daniëlle
      augustus 19, 2013 / 17:39

      Ik sluit met bij Anna aan!

  5. augustus 19, 2013 / 17:18

    Ik vind het mooi, een stuk volwassener. Zeker een vooruitgang :) Maar het eerste wat ik wel dacht is: wow, wat een drukke header?! Misschien omdat alle tabjes nu boven je header-afbeelding staan?

  6. augustus 19, 2013 / 17:21

    Oh lala, very Parisienne, erg mooi en prettig leesbaar! Als Ashley Lynn nog meer projecten zoekt.. ;-)

  7. augustus 19, 2013 / 17:21

    Ziet er goed uit!

  8. augustus 19, 2013 / 17:22

    Ik ben geen fan van je lettertype, maar verder loooooooking good! :)

  9. Brechtje
    augustus 19, 2013 / 17:22

    Ziet er leuk uit! Maar de oude was ook prima hoor ;)

    Wel vind ik het lettertype wat lastiger lezen.

  10. augustus 19, 2013 / 17:22

    Het ziet er erg netjes uit! Ik moet wel zeggen dat ik het lettertype iets minder vind.

    Liefs, Mariette

  11. augustus 19, 2013 / 17:23

    Ik vind hem ook tof geworden! Nog wel herkenbaar als Annemerel, maar dan een tikkie anders. :) Much cleaner!

  12. Ella-Nola
    augustus 19, 2013 / 17:25

    Heel leuk, en een leuke verassing!

  13. Linda
    augustus 19, 2013 / 17:28

    Mooi zeg! :)

  14. augustus 19, 2013 / 17:28

    Hij is super! Heel mooi!

  15. augustus 19, 2013 / 17:32

    Mooie lay-out!
    Ik vind ook alleen het lettertype wat lastiger leesbaar, het kost meer concentratie. Verder heel mooi!

  16. Sanne
    augustus 19, 2013 / 17:34

    Wow! Kleine lettertjes! Niet zo fijn lettertype..

    Gelukkig nog dezelfde kleuren! En het is nog even overzichtelijk!

  17. Miley
    augustus 19, 2013 / 17:34

    Tof geworden! Alleen ben ik niet zo’n fan van het lettertype..

  18. Marije
    augustus 19, 2013 / 17:37

    Het is echt mooi geworden. Great job! Ik lees normaal gesproken altijd via bloglovin’, maar voor deze keer maakte ik een uitzondering!

  19. augustus 19, 2013 / 17:39

    Veel beter!!

  20. augustus 19, 2013 / 17:40

    Heel mooi!!

  21. augustus 19, 2013 / 17:41

    Mooooi! Echt super gaaf Annemerel.

  22. Julia
    augustus 19, 2013 / 17:44

    Hij is echt prachtig geworden!

  23. augustus 19, 2013 / 17:45

    Super mooi!

  24. Geeske
    augustus 19, 2013 / 17:51

    Ziet er mooi uit! Alleen het lettertype vind ik erg onprettig lezen, het doet bijna pijn aan mijn ogen.. Misschien is dat een kwestie van wennen, maar het vorige lettertype was veel rustiger!

  25. Desiree
    augustus 19, 2013 / 17:52

    Wauw!!

  26. augustus 19, 2013 / 17:53

    Wauw, ziet er mooi uit! Je lettertype is misschien iets minder goed leesbaar, maar ik vind t wel mooier!

  27. augustus 19, 2013 / 17:58

    Ziet er goed uit!

  28. augustus 19, 2013 / 17:59

    Mooi lay-out! Inderdaad lekker strak. Hoe gaat het met het geld ophalen? Schiet het op? Ik ben benieuwd :)

  29. augustus 19, 2013 / 17:59

    Erg mooi! Alleen ik vind je lettertype ook niet heel handig..
    Verder super uitstraling:)

  30. augustus 19, 2013 / 17:59

    Wauw, ziet er super uit!

  31. augustus 19, 2013 / 18:10

    Vind de layout heel mooi! En in principe je lettertype ook, alleen leest dit niet zo fijn in lopende tekst..

  32. Dominique
    augustus 19, 2013 / 18:12

    Ik vind het geweldig! Ziet er echt top uit!

  33. Lotte
    augustus 19, 2013 / 18:21

    Geen fijn lettertype, verder mooi!

  34. Lotte
    augustus 19, 2013 / 18:24

    Heel mooi!

  35. augustus 19, 2013 / 18:24

    Het is mooi geworden zo! Leuk ook met die bewegende Instagram aan de zijkant. Het lettertype is id niet zo prettig!

  36. augustus 19, 2013 / 18:37

    Wauw, heel mooi! Wel eventjes wennen, maar ik vind hem echt heeeeeel tof. You go ashley!

  37. augustus 19, 2013 / 18:41

    Hoi meiden! Bedankt voor de leuke reacties, dat is natuurlijk altijd fijn om te lezen. Het lettertype is iets waar we nog naar gaan kijken! We dachten van te voren al dat het sowieso wennen zou zijn… Misschien kunnen we iets vinden wat er op lijkt, prettiger leest en wat Annemerel nog net zo mooi vindt als “Didot”. Tips zijn welkom!

  38. Myrthe
    augustus 19, 2013 / 19:06

    Heel mooi! :) Ik denk dat het lettertype gewoon wennen is :)

  39. Linda
    augustus 19, 2013 / 19:20

    Ik vind het heel mooi, ik houd wel van dat simplistische. Heel helder en overzichtelijk.
    Alleen het lettertype vind ik echt heel naar. Het leest echt helemaal niet fijn, terwijl ik het vorige lettertype echt perfect vond..

  40. Claudia
    augustus 19, 2013 / 19:33

    ik vind het lettertype best wel klein op mijn macbook (op 100%). Verder ziet het er goed uit!

  41. ilse
    augustus 19, 2013 / 19:54

    Wat gaaf zeg, ik vind hem echt geweldig.

  42. Lana
    augustus 19, 2013 / 19:59

    Wauw, echt heel mooi!

  43. augustus 19, 2013 / 20:04

    Nice! Inderdaad wat volwassener, al heb ik wel mijn bril op moeten zetten om de letters te kunnen lezen ;-).

  44. Renske
    augustus 19, 2013 / 20:07

    Mooi hoor, maar ik ben het wel eens wb het lettertype. Eerste wat in me opkwam. Verder ziet het er zeker professioneel uit:) Goed gedaan!

  45. augustus 19, 2013 / 20:15

    Ik vind het er ook erg mooi uit zien. Het is nog een beetje wennen, vooral het lettertype zoals iedereen al noemt, maar daar wordt aan gewerkt.
    Pluspuntje vind ik wel dat je nu ziet wie waarop reageert in de comments. Bij de vorige layout stonden alle reacties precies onder elkaar.

  46. augustus 19, 2013 / 20:20

    Moooooi!

  47. augustus 19, 2013 / 20:21

    Looks very nice babe! Goed werk van Ashley!

  48. augustus 19, 2013 / 20:22

    Ziet er strak uit!

  49. augustus 19, 2013 / 20:35

    Nieuwe lay-outs zijn altijd fijn! Maar ook altijd even wennen. Ik vind deze lay-out iets volwassener en cleaner, dus hij kan weer een tijdje mee denk ik. Ik snap wel wat mensen zeggen over je lettertype, ik moest zelf ook even wennen… Het staat goed bij je nieuwe lay-out maar is wel iets kleiner en ‘krulleriger’. En als ik aan Annemerel.com dacht, dacht ik gelijk aan Georgia, maar ik weet niet of dat nog zo goed samengaat met deze lay-out. Misschien gewoon een tikkie groter? Ook is het iets minder overzichtelijker doordat alles wit is, maar ik wil je plezier niet bederven want verder is hij erg mooi! Ik zit nu trouwens even op IE en ik merk geen grote verschillen met Chrome, maar goed.

  50. Dionne
    augustus 19, 2013 / 20:37

    Ziet er erg mooi, professioneler en volwassener uit!
    Persoonlijk vind ik het altijd fijn dat wanneer ik een zoekopdracht wil uitvoeren, de tekst in het zoekvlak “verdwijnt”.

    • augustus 19, 2013 / 20:45

      Ja precies, daar hecht ik ook wel waarde aan!
      Verder voor de lettertypes, what about:
      Garamond / Centaur / Californian FB / Century?

      • Annemerel
        Auteur
        augustus 19, 2013 / 20:49

        Het is inmiddels een paar uur geleden veranderd in Garamond! Vind je het nog steeds vervelend lezen? Misschien moeten we hem dan iets groter maken..

  51. Suzy
    augustus 19, 2013 / 20:45

    Ziet er mooi uit. Zoals ik al horizontaal in de comments heb kunnen lezen ben ik niet de enige die niet razend enthousiast is over het lettertype/lettergrootte. Vond dat net een énorm sterk punt van je vorige lay-out (t.o.v. andere sites/blogs). Las lekker weg. Wel knap dat jullie er met twee zo hard aan gewerkt hebben.

  52. augustus 19, 2013 / 20:49

    Ik heb niet alle comments gelezen of je broncode gecheckt, dus alvast m’n excuses als ik nu een nutteloze tip post :) Maar gebruiken jullie de Google Web Fonts variant van Didot? Lijkt me gek dat die niet geoptimaliseerd zou zijn voor Internet Explorer! Dus mocht je op een andere manier Didot gebruiken, probeer dan eens de (gratis) Google optie!

    Linkje: http://www.google.com/fonts en “Didot” intikken.

    (Negeer het bovenstaande maar mochten jullie dit al geprobeerd hebben)

    Ik zie nu Garamond, maar zag daarstraks op m’n werk Didot en ik vond het best leesbaar hoor! Mocht misschien een tikje groter (je blogposts dan), maar voor mij was het niet echt een probleem :)

    Ziet er erg leuk uit trouwens! :)

    • Annemerel
      Auteur
      augustus 19, 2013 / 20:53

      Thanks Gwendolyn! We hebben nu Garamond erin gezet omdat Didot op IE echt vrijwel onleesbaar was. Maar nog steeds zijn er veel die het niet fijn vinden lezen, misschien kunnen we hem iets groter maken..

      • augustus 19, 2013 / 21:01

        Mag ik vragen op welke manier je Didot (dat is volgens mij een custom font) erin gezet hebt? Dat kan op verschillende manieren: @font-face in je css, via Google Web Fonts (en dat werkt dan via JavaScript), cufon of nog iets anders? Het kan zijn dat de manier waarop het font wordt weergegeven verschilt. Dus als je bv. de ene optie naast de andere zet, het in bepaalde browsers anders wordt gerenderd en dus weergegeven. Daardoor kan het zijn dat het font niet goed leesbaar is in Internet Explorer, maar als je het op een andere manier probeert juist wel!

        Ik bedoel maar, het kan best nog werken met Didot! :) En anders denk ik dat Century Schoolbook (lijkt op Didot!) ook kan werken :)

        Al vind ik het nu ook best goed hoor! :)

        • augustus 20, 2013 / 10:22

          Hi Gwendolyn! Ik heb het inderdaad op die manier geprobeerd (font-face), maar mijn kennis van css blijkt dan toch wel wat limitaties te kennen… ik kreeg het niet voor elkaar om het ook in alle versies van IE leesbaar te krijgen. Als jij er nog naar wilt kijken dan is het natuurlijk heel fijn! Al kwamen volgens mij de klachten ook van mensen die het lettertype wel goed konden zien, dus misschien is Didot voor velen gewoon geen aantrekkelijk lettertype/leest het niet fijn.

          • augustus 20, 2013 / 10:47

            Is century schoolbook wel een font dat door alle browsers standaard wordt ondersteund?

          • augustus 20, 2013 / 12:23

            Hi Ash!

            Dan denk ik dat de Google Web Fonts variant van Didot voor jullie de oplossing biedt! De weergave van het font zal veel beter zijn, Google zorgt ervoor dat alle fonts in hun catalogus er optimaal uitzien in iedere browser. Dus mocht je het nog een keer willen proberen, de implementatie is erg eenvoudig. (1 lijntje code toevoegen in je head-tags en dan kan je meteen het font aanspreken in je CSS) De uitleg kan je zeker vinden op de site! :) Maar nog steeds, dit font nu vind ik ook prima en erg duidelijk, dus ik vind het zeker geen vereiste! :)

            Ik zou even moeten checken of Century beschikbaar is als webfont, kan ik niet meteen zeggen…

  53. augustus 19, 2013 / 21:00

    Oh wauw, ik vind hem geweldig! Ik heb geen last van je lettertype op mijn MacBook. Mijn complimenten voor deze strakke lay-out, past helemaal bij je!

  54. augustus 19, 2013 / 21:01

    Wow mooie Lay-out. Inderdaad een stuk volwassener. Zo groeit je blog echt met je mee!

  55. augustus 19, 2013 / 21:04

    Ik maak gebruik van Chrome en vind het ook niet prettig lezen.

  56. augustus 19, 2013 / 21:51

    Ik vind het een prachtige layout! Het is wel even wennen, dat wel.

  57. Tess
    augustus 19, 2013 / 22:03

    Ziet er erg mooi uit! Ik vind dit font ook mooi, alleen in italic vind ik het ook nog wat lastiger leesbaar dan de rest. Vooral het archief is iets wat ik echt miste op je blog, heel leuk!

  58. Anne
    augustus 19, 2013 / 22:06

    Het enige wat ik nog steeds mis is een knop voor het vorige/volgende artikel zonder terug naar de homepage te hoeven. Maar wel heel mooi en inderdaad stukje volwassener!

    • augustus 21, 2013 / 11:14

      Hoi Anne! Bedankt voor de tip, ik heb de knoppen meteen toegevoegd. Ze zijn te vinden onder elk artikel (boven de comments).

  59. Annesophie
    augustus 19, 2013 / 22:20

    Ik hou van de kleurencombi, maar ook ik moet me bij het kritische groepje aansluiten.
    Ik lees je blog wel altijd op mijn iPhone, dus dat is natuurlijk geen mooi groot beeldscherm, maar ik werd zelfs een beetje misselijk (weet niet hoe ik het anders kan beschrijven) door de drukte.

    Weet niet waAr het aan ligt, wss toch het lettertype?

    Wel leuk dat je dit kleurenthema weer door laat lopen. Annemerel 2.0 of 12.0, het is meteen duidelijk dat het annemerel is.

  60. augustus 19, 2013 / 23:05

    Zoals ik vanmorgen ook al zei: ik vind hem mooi!

    EN ik vind het lettertype juist een van de grootste vooruitgangen! Maar ik heb ook een Mac, dus misschien dat er daardoor bij mij wel fijn is..

  61. augustus 19, 2013 / 23:07

    Heel erg mooi en inderdaad een stuk volwassener!

  62. augustus 19, 2013 / 23:16

    Heel erg mooi! Stuk duidelijker ook. :)

  63. Nadia
    augustus 20, 2013 / 07:35

    Wooow, ik moest ff heel erg wennen maar het is strak en mooi, volwassen inderdaad. Ik vind het nieuwe lettertype alleen nog steeds niet heel fijn lezen, en ook een tikje te klein… maar dat ligt misschien aan mij. Bij de reacties vallen de avatars trouwens over de naam en datum heen.

    • Annemerel
      Auteur
      augustus 20, 2013 / 08:13

      Hi Nadia, dat van die naam en datum heb ik nog niet eerder gehoord, met welke browser werk jij en wat is je schermresolutie?

      • Nadia
        augustus 20, 2013 / 08:51

        Ik zit nu op m’n werk en gebruik daar Internet Explorer, ik heb eigenlijk geen idee waar ik de schermresolutie kan vinden… Het internet op mijn werk doet trouwens wel vaker vreemd (zeer regelmatig errors en niet goed ladende pagina’s) dus het kan best zijn dat het daar aan ligt.

        • augustus 22, 2013 / 15:07

          Ik heb hetzelfe probleem in internet explorer

      • Claire
        augustus 20, 2013 / 10:38

        Ik heb hetzelfde in IE, in Chrome doet hij het wel gewoon goed (Windows, 1600 x 900). Bovendien begint bij mij de sidebar pas na de laatste blogposts in IE..

  64. augustus 20, 2013 / 09:18

    Het ziet er echt heel mooi uit!
    Ik vind het lettertype alleen nog niet heel fijn. Maar dat zou misschien ook aan de grootte kunnen liggen, dus misschien iets groter?

  65. Sabrina
    augustus 20, 2013 / 09:28

    Supermooi! Alleen heb ik wat problemen met het lettertype. Een groter lettertype of een ander zou veel fijner zijn

  66. Sascha
    augustus 20, 2013 / 09:35

    Het ziet er goed uit,
    maar net zoals de rest vind ik het lettertype erg onrustig.
    Ik moet moeite doen om het te lezen.

    Ga maar weer terug naar het oude lettertype.

  67. augustus 20, 2013 / 09:41

    Wauw, mooi! Wel fijn dat je blog nog herkenbaar is als Annemerel, want je hebt wel dezelfde kleuren gehouden :D En ik heb helemaal geen last van het lettertype, vind het juist leuk (ik gebruik Chrome)

  68. Lotte
    augustus 20, 2013 / 09:50

    Ps; misschien kun je het kopje waarin je iets over jezelf schrijft eens updaten! ;)

  69. augustus 20, 2013 / 10:18

    Heel netjes! :) Beter!!

  70. augustus 20, 2013 / 10:30

    Oeh wat mooi! Maar wel erg clean! Heel wit! Even wennen, maar het ziet er super uit!

  71. augustus 20, 2013 / 10:31

    Prachtig gedaan Ash! Het ziet er super uit!

  72. augustus 20, 2013 / 11:17

    Ik vind het er echt helemaal super uitzien!!

  73. augustus 20, 2013 / 11:50

    Ooh pretty hoor! Heeft ze goed gedaan!

  74. augustus 20, 2013 / 11:54

    Heel mooi!!

  75. augustus 20, 2013 / 12:40

    Ik vind het erg mooi!

    Xx Alex

  76. augustus 20, 2013 / 14:19

    Ziet er strakker uit, alleen het lettertype vind ik eerlijk gezegd niet fijn. Helaas heb ik er niet zoveel verstand van dat ik je wat anders aan kan raden, maar je hebt vast wel technische lezers die je daarmee een handje kunnen helpen ;) Tip: maak de kopjes boven je header recht en dik i.p.v. schuingedrukt, dat scheelt denk ik al :)

  77. lies
    augustus 20, 2013 / 14:43

    Het zou heel handig zijn mocht je ook een mobile versie hebben! Weet niet hoeveel werk het is om dat te maken hoor, maar jouw site is werkt niet prettig op een gsm, met de grote foto’s enzo.

  78. augustus 20, 2013 / 15:38

    Hij is super leuk geworden met eigenlijk hetzelfde concept, leuk!

  79. Laura
    augustus 20, 2013 / 18:09

    Ziet er mooi uit! Misschien alleen de menubalk onder je logo ipv erboven? Is iets minder druk misschien. Komt er ook nog een x een mobiele versie? Lees je blog namelijk het meest via mn telefoon..

  80. Suzanne
    augustus 20, 2013 / 19:12

    Mooie lay-out! Het enige wat mij ‘stoort’ is dat de zinnen heel erg links op het scherm van mijn iPad beginnen. Als er tussen de rand van mijn iPad en iedere eerste letter een klein stukje wit zou zitten, hebben mijn ogen iets meer rust bij het lezen van jouw blogs! ;)

  81. Rosanne
    augustus 21, 2013 / 09:10

    Super gaaf zeg, ziet er echt heel mooi uit!!!

  82. Liesbeth
    augustus 21, 2013 / 10:58

    Supermooi!

  83. augustus 21, 2013 / 12:20

    Leuk je nieuwe layout :)

  84. augustus 21, 2013 / 15:05

    Ik vind het mooi, lekker strak! Al vond ik de vorige layout ook niet verkeerd!
    Als lettertype heb ik het idee dat ik naar Times New Roman aan het kijken ben, al blijkt het Garamond te zijn. Ik ben er geen fan van, maar dat is natuurlijk voor iedereen anders :)

  85. Marleen
    augustus 22, 2013 / 17:11

    Ik vind het heel mooi & het lettertype ook!

  86. augustus 22, 2013 / 23:01

    Ik vind je nieuwe layout super tof. Het lettertype heeft op mijn samsung tablet tot nu geen problemen opgeleverd hoor. :D

  87. Miek
    augustus 28, 2013 / 12:27

    Mooi geworden! Wat betreft het lettertype: je gebruikt hier een lettertype met schreef, terwijl op scherm een schreefloos lettertype een stuk prettiger te lezen is. Met schreef doet het op papier beter, zonder schreef op scherm. (jaja, ik heb nog wat opgestoken van mijn studie)