35 comments

  • Ben Haddock, 6 years ago

    Really nice. But I particularly love how the page header changes when I switch to a new tab! So good.

    1 point
  • Thomas Michael SemmlerThomas Michael Semmler, 6 years ago

    Fantastic example of applying trends consciously, yet remaining user friendly. Love it.

    1 point
  • Markus BerghMarkus Bergh, 6 years ago

    This is so nice, I really like everything. Especially the small things such as the circle transition for the go-to-top link. The project pages carry out great details with their setup. And how you change the title of the page when you change tab, that is funny and serves a good purpose. Well done Johannes! :)

    1 point
  • Dan Christian, 6 years ago

    In your opening statement you switch between personal pronouns, from third to first, which reads a little weirdly. I would stick to one and use that throughout the whole website, where appropriate.

    I liked the title change in the browser tab when switching to another website.

    1 point
    • Johannes Lamers, 6 years ago

      Will fix that soon. Not native English. So will ask a friend to rewrite it.

      0 points
      • Powers Gray, 6 years ago

        All set :) "Johannes Lamers is a senior interactive designer working on the cross section of aesthetics and technology. Johannes delivers tailor-made design, based on strong concepts and sophisticated user centric experiences, into real business results. With more than 10 years’ experience he's focussing on visual design, user experience, frontend development & brand identity.

        This website is a limited display of the recent projects that he designed, and, in a large part, coded. You can email him or follow him on Twitter or Dribbble."

        1 point
  • Nic TrentNic Trent, 6 years ago

    Nice experience on mobile

    1 point
  • Ron Besseling, 6 years ago

    Clean, clear, and user-friendly. I dig it!

    1 point
  • Johannes Lamers, 6 years ago

    Do you like my new portfolio? Please comment.

    1 point
  • Ben Blair, 6 years ago

    Looks fantastic! Love the subtle details (i.e. the progress gauge around the back to top arrow, the changing title when you open a new tab, etc.). Really nice stuff.

    0 points
  • Shina Memud, 6 years ago

    Nice work Johannes and most especially, I love your case studies. Do you mind if I add it to www.explanatic.com?

    0 points
  • Yomi EluwandeYomi Eluwande, 6 years ago

    Love this! I especially liked how you worked on the small details; like the back to top circle that changes progress, and changing the title of the site when I switch to another tab.

    Lovely work all round. Kudos

    0 points
  • Luc PestilleLuc Pestille, 6 years ago

    Really nice, but your homepage scroll effect is completely broken for me in FireFox 45.7.0 - it has some weird rendering artifacts (white boxes everywhere), and even breaks the scrollbar!

    +1 for the ascii art name in the source though. =]

    0 points
    • Johannes Lamers, 6 years ago

      Will look into it. Thanks for the heads up. On the latest FF 51.0.1 (64-bit) it's working fine. Are you on PC or MAC?

      0 points
      • Luc PestilleLuc Pestille, 6 years ago

        PC / Win 10 / 64-bit. I'm stuck on the ESR release verison of FF at work, but it might be something else specific to me. I'll look again when I'm at home.

        0 points
  • Jari ZwartsJari Zwarts, 6 years ago

    Hate be that guy, but OPPERTUNITIES => OPPORTUNITIES. (I just tried pronouncing that with a heavy dutch accent and it makes sense why you'd misspell that :P )

    0 points
  • Benjamin ValmontBenjamin Valmont, 6 years ago

    Supervet! :-)

    Could you be so nice to elaborate what stack you used to build a website like this?

    0 points
    • Johannes Lamers, 6 years ago

      It's build on Craft CMS. It's a kick-ass content management system. Craft is designed specifically to be flexible enough to manage all types of content without a lot of hassle. I've build a content builder on it. So I'm able to reuse small parts by breaking the pages down into modules. Like a slider module (with settings) etc. Per image or media object I can choose a frame as decoration (browser, tablet, phone, card etc). For the frontend it's build on zurb foundation mixins with flexbox. The ajax handling is dome with smoothState. Images are lazyloaded

      Hosting is done with Digital Ocean and managed and deployed by Laravel Forge.

      2 points
      • Benjamin ValmontBenjamin Valmont, 6 years ago

        Thanks! This lead me on trying to install Craft CMS with MAMP but I'm missing Mcrypt. 3 hours later still no solution, I'll try more tomorrow I guess.

        0 points
        • Johannes Lamers, 6 years ago

          Join the Craft CMS slack group. A lot of smart people who can help you out. https://craftcms.com/community

          1 point
        • Jordan Moore, 6 years ago

          If you're still stuck - I felt your pain - https://medium.com/@jordanmoore/fixing-issues-with-mamp-mcrypt-and-craftcms-fb5f07ae9663#.s3ilk0497

          1 point
          • Benjamin ValmontBenjamin Valmont, 6 years ago

            Thanks, I eventually fixed it as well. In the end I set up my system to use the PHP file of MAMP and went back back to PHP 7.0, since mcrypt is deprecated in PHP 7.1.

            Really annoying, but glad to get it working in the end. I will post my process from the terminal here, if someone would somehow end up here through Google.

            Bold is terminal commands.

            • nano ~/.bash_profile

            • add export PATH="/Applications/MAMP/bin/php/php5.6.28/bin:$PATH" in this file, or whichever version you want to use.

            • source ~/.bash_profile to save

            • Remove the php files that are older in MAMP's folder or rename them in MAMP/bin/php/ using finder

            • Restart MAMP and use the same PHP File in your MAMP settings

            • Check php -v for version control in terminal

            • Check php -m to see if Mcrypt module is loading correctly ( should be in list )

            • If MAMP is not starting the server correctly : use sudo apachectl stop and restart MAMP

            • Use which php to see which php file is being used

            Should work then!

            0 points
  • Gerthe Lamers, 6 years ago

    I'm very impressed. Also on mobile it looks great.

    0 points
  • Jan Haaland, 6 years ago

    Very nice! Great case studies :)

    0 points