Say Hello to Hellogeri.com!

Posted in Art & Design, Web Design, on

After nearly a year, I’ve launched my personal freelance portfolio here at hellogeri.com. Of course, I never meant for it to take a whole year. I’m sure many of you will agree that personal work often tends to take a backseat to other more important projects with immediate benefits (like getting a paycheque!). But, between balancing a day job at an advertising agency with evening freelance work, exercise, and personal time, it’s been at times challenging.

On top of that, the whole process of building this site has been a huge learning experience. Although I began to teach myself web design nearly twelve years ago as a hobby, I never really understood the concept of web standards until last year, when on my birthday, I bought a copy of Jeffrey Zeldman’s Designing With Web Standards before I took a trip to attend An Event Apart Boston. Needless to say, beyond being the best birthday present to myself ever, it really opened my eyes and made me realize how much I had to learn.

Energized and inspired from the conference, I returned home and settled in for the journey…

Design

The design for my website is based around the design of my business card. Although it’s hard to tell from the photograph, the card is printed in a simple solid brown and teal except for an illustration printed as a spot UV overlay. Many people ask what the stuff in the illustration means — it’s simply a bunch of my favourite things.

Hellogeri Business Cards

I was tired of seeing lightbox-style gallery scripts and wanted to try something simpler, with more space to write about each project.

I went through a few rough Photoshop mockups before settling on the current design. Here’s a few that didn’t make the cut.

Old mockups

Behind the Scenes

I coded my site in lean, semantic HTML5 markup, with plenty of CSS3. It was definitely a real learning experience and I had a lot of fun figuring out ways to implement different CSS3 properties and how to take care of fallbacks through Modernizr. Below is an example of my implementation of the multiple background image, transform, transition, and text-shadow properties and how they differ between Safari 5 and Internet Explorer 8.

Safari 5 vs. Internet Explorer 8


Not as nice in IE8, but will they know what they’re missing? Not likely.

And yes — viewing this site in Internet Explorer 6 will give you stripped down, content-only pages thanks to the IE6 Universal Stylesheet.

The majority of websites I’ve designed in the past have been handed off to a developer for coding and CMS implementation, so this was my first time giving it a try. My site is built on ExpressionEngine, and while the concept is a little confusing at first, it didn’t take long for me to get the hang of it after a crash course from Andy Clarke. I’m sold — I’ll definitely be using it on my next project.

My web font for headlines, CamingoDos Web, is hosted by the fantastic Typekit (and a special thanks goes out to Jeff Veen).

Things I’d Do Differently

I have some media queries written for this site which haven’t been completely sorted out yet, so I decided to launch as fixed-width just for now. While they weren’t a total afterthought in my site design, next time I will be sure to give small screen implementations more consideration right from the start when I’m still sketching on paper. As I learned, adding them afterward can be complicated and I felt like I was trying to fit content into a small space for the sake of improving legibility, but it might not have been the most appropriate design decision.

While I’ve got many people to thank in the inspiration department, extra special thanks go out to: Andy Clarke for helping with some CSS issues and giving me a crash course in ExpressionEngine; along with Graham Smith, Petra Gregorova, Candi Ligutan and Anthony Calzadilla for lending me their eyes when mine weren’t working with code anymore.

Don’t forget to say hello on Twitter!

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

Petra Gregorova
  • Petra Gregorova

YAY!!!! Congrats girl on job well done!!! Site looks great, which comes as no surprise!!! Keep up the great work! Now, I guess it's my turn to redo my site from scratch ;-)

hellogeri
  • hellogeri

Thanks Petra! You should redo your site, too. And write more! :)

Jeremy Pratte
  • Jeremy Pratte

Looking great, Geri! This is REALLY good for somebody who is a relative beginner.

Michael Shmilov
  • Michael Shmilov

Great design, and website. Love your work!

Good Luck.

Desktop Blogger
  • Desktop Blogger

So happy you finally got your site finished. It looks amazing Geri. Very well done! :D

All the best from Ireland.

Dave

Susan
  • Susan

Congrats Geri - it looks great. I'm right with you on after the fact media queries, I've had the same issue on my site.

Nishant
  • Nishant

Fantastic work, Geri. It's like you never stepped away from the Web — clean IA, great color scheme, semantic markup, CSS3, dot dot dot. It's got the bells and whistles. Oh, I especially like the brown... but then, I may just be partial :)

Now, start writing.

Ryan McGrath
  • Ryan McGrath

Woah, your business cards are incredibly cool. Big fan of your illustration work, nice site design!

Ed Roche
  • Ed Roche

Awesome job Geri. Clean, professional and my favorite... simple! Love the color palette.

Jon Reid
  • Jon Reid

Nice site, Geri. Good palette, some individual touches.

Especially impressive knowing that you haven't used EE before. Very well done.

hellogeri
  • hellogeri

Thanks for all the kind comments. I had loads of fun making this site.

@Nishant: Hearing you say that makes me happy! I've got my web confidence back, but I still have tons to learn. And tons to write. :)

Bob Tendler
  • Bob Tendler

Hi Geri

Are you the Geri who worked for me at Weingarten. Wondered what happened to you!

Bob

Rodrigo Cuevas
  • Rodrigo Cuevas

Hello Geri! Very nice job! I'd like to know if you can design a business card for me. Pretty much just like yours. I'm a musician and I don't know anything about Photoshop and so. I'm in a hurry! Could you get in touch with me so we can discuss prices? Thanks!

boxweddingdress
  • boxweddingdress

Wedding ceremony - a special case for which the selection of dress, as being a rule, plays a important function. Here you'll discover many different styles of marriage ceremony dresses - all provide opportunities to locate the one factor that's long black evening dress designed just for cheap long evening dresses you. Costumes from gifted Russian and European designers, produced in the very best silks and satins, laces studio function - correct works mermaid style wedding dresses of art waiting around for you princess ball gown wedding dresses personally inside the cabin Rstelle.

True Religion Canada
  • True Religion Canada


Women's designer jeans: Diesel, Replay, Super Dry, James Jeans, Buffalo, David Bitton Denim, Robins Jeans, Penguin by Munsingwear, Dehoghton Denim, Citizens of Humanity, Miss Sixty, Gio-Goi, Sinful Clothing, Gsus Jeans, Nolita DE Nimes, Lix Jeans, Stitches Denim, 575 Women's Super, Jet Lag Clothing, Women's Blue Cult 5, Lucky Brand Jeans, Greyhound Clothing, E-Label Clothing, Stitch's Denim, Paris Hilton Clothing Collection, Paul Frank, Romeo and Juliet Couture, and Paper Denim and Cloth.

MathisGALE
  • MathisGALE

Most seniors are concerned where to buy resume paper, but they merely have to get in touch with Exclusive resume company and obtain professional resume writing. Also in case learners have no clue where to view resume formats or they need to buy resumes composed by certified resume writers they are able to come for this reliable writing agency.

MonroeEbony18
  • MonroeEbony18

Well done biography will surely provide me with an opportunity to find the decent working place. I would rather buy resume as then I'll have higher chances to get the piece of writing of the prime quality.

FRYENoemi
  • FRYENoemi

If you are busy and have no clue how to make the time in order to generate a prime quality outline of academic and work experience, contact agencies that offer assistance of the expert resume writers.

Morse31Dawn
  • Morse31Dawn

You are looking for samples of resume writing or where to buy resume paper? Or you want to receive resume writing tips? Go to Perfect Resume company and you will find all needed information and also a trustful writing agency from which you may buy CV composed by professional resume writers.

promootio
  • promootio

As all ugg baratas outlet españa are made in Switzerland, buyers understand that each one particular is made from your quite greatest high quality components

Adegezenay
  • Adegezenay

mmj anastrozole therapy granulosa cell tumor <a >anastrozole and testosterone replacement</a> focus anastrozole and breast cancer side effects

Leave a Comment

Please enter the word you see in the image below: