Say Hello to the New Hellogeri.com!

Posted in Art & Design, Life, Web Design, on

I know, I know — I’m long overdue for a blog post. Outside of the monthly contributions I’ve been making over at The Pastry Box Project, I’ve been holding off on updating my personal blog.

As many of you know, I left my agency job and became a full-time freelancer back in March. Since then, I’ve been working on a few exciting projects, one of which being this new (and improved!) website which I’m finally able to show you!

The Design Process

Concepts for the new Hellogeri.com

I started the concept for the new design sometime last summer, picking at it here and there over the months, but it evolved quite a bit from my initial sketches. I always knew I’d have a little illustration of myself riding my Vespa somewhere on the site, but to keep the overall branding from looking too cartoon-ish, I opted to move it to my about page and try something else instead.

Hellogeri.com Mockup

On the homepage now sits large illustrations of my wonderful and unique home here in Newfoundland — much more fitting! I roughed out the banners and page mockups in Illustrator before heading to the browser — Dan Mall’s “deciding in the browser” was definitely a technique I used in this process.

New Hellogeri.com Screenshots

Under the Hood

As for the technical side of things, it’s fully responsive, making good use of Filament Group’s SouthStreet tools, including Respond.js for older browser media query support, and Picturefill.js that mimics the proposed picture element for responsive images. For now, Picturefill is only present in the work display section to serve up a higher-quality image for wider screens, but I eventually plan to introduce a few art direction uses, too.

Instead of Typekit, I’m now self-hosting my fonts (it’s Proxima Nova, natch), and I’m using SVG wherever possible with PNG fallbacks through Modernizr. The new site runs on the ExpressionEngine CMS, as before. Most of the redesign keeps my previous markup, so the majority of the new layout comes from my CSS — a huge time-saver!

As always, I’m still tweaking and editing and improving things, but for now, it’s live. I had a blast making it, and hope you guys like it, too!

Note: I forgot to thank some wonderful people for helping me with a few things, and credit’s due where credit’s due: Simon Collison for being my second set of eyes and also helping me nail down a few layout bugs, Mat Marquis for help with my responsive navigation and time script, and Ataul Munim for checking my widest media queries on his obnoxiously large monitor!

Photo of Geri Coady

About Me

I’m Geri Coady — a designer and illustrator from St. John’s, Newfoundland — now living in Nottingham, UK. I've got an eye for detail, a passion for the web, and I'm ready to work with clients worldwide. Want to learn more?

21 Comments

marc
  • marc

This is a very nice new site, Geri. Congrats. So sad you are not at beyond tellerrand next week. Otherwise I would love to invite you to a drink for your great new book and this site!

Take care and stay as you are!

/marc

Curtis Jones
  • Curtis Jones

This is fantastic work. I look forward to following your site.

Steve Fort
  • Steve Fort

Hello Geri! Let me tell you about the design. The color you used has make a great effect on your first time visitor.. :-)

Other than that, brilliant post.Thanks for sharing your insight about the web designing. And the images of site as per responsive trend makes users feel to come here again and again.


Sam Zeng
  • Sam Zeng

hey, happy new year!
What EE version is being used?And is that ExpressionEngine Core or ExpressionEngine.
thx.

Anytrans license code
  • Anytrans license code

fantastic work

Malik Shehzad
  • Malik Shehzad

What a nice post and nodoubt explained beautifuly.Thank you for such a wonderful article and sharing.
God bless you.!

Dylan Day
  • Dylan Day

that is the ideal Technology we have

http://www.topaperwritingservices.com/review-essay
  • http://www.topaperwritingservices.com/review-essay

I can see this article about your own vehicle. If you want to get or maintain your new vehicle from the services on this site then you can and maintain your best work with the best deals. You can see the tab for the hire.

CCboot 2017 Crack
  • CCboot 2017 Crack

Really a nice post.Indeed an awsome way you explain it.Thanks for the information you shared, is very useful.
Appreciates alot.

Filmora Crack
  • Filmora Crack

wow, it's amazing.

joh
  • joh

This is an amazing type of post.
Give and Take

Richard
  • Richard

essay writer is saying this in jest, but if student loans could be discharged in bankruptcy, lenders would scrutinize those loans much more carefully. Loan requests to marginal (often for-profit) schools or programs would not receive a loan.

Sudoku online game
  • Sudoku online game

sudoku is amazing and interesting game which I play online. This is a single player boarding game. This game I like most to play free sudoku game.

Kaspersky Internet Security 18.0.0.405 Crack
  • Kaspersky Internet Security 18.0.0.405 Crack

Hi terrific blog! Does running a blog such as this take a great deal of
work? I’ve very little understanding of computer
programmig however I was hoping to start my own blog in the
near future. Anyways, should you have any ideas or techniques for new blog owners
please share. I understand this is off topic nevertheless
I just wanted to ask. Thanks!

Dvd Shrink 2018 Download for MAC
  • Dvd Shrink 2018 Download for MAC

Hi there it’s me, I am also visiting this web site on a regular basis, this site is really fastidious and the viewers are actually sharing good thoughts.

http://allsoftwares.net/avg-pc-tuneup-crack/
  • http://allsoftwares.net/avg-pc-tuneup-crack/

Thanks for another informative blog. The place else may
I am getting that type of information written in such an ideal approach?
I have a project that I’m just now running on, and I
have been at the glance out for such information

Gemma O'Grady
  • Gemma O'Grady

This is golden opportunity for saying hello to new connections especially for those who are looking for something new. With read of reviews you can easily hire best assignment writing service for writing of your mistake free works.

Parallels Desktop CRACK
  • Parallels Desktop CRACK

love this site keep it up

Sublime Text License Key
  • Sublime Text License Key

i love this site by taking a great work.

Leave a Comment

Please enter the word you see in the image below: