{"id":1565,"date":"2012-04-08T15:38:23","date_gmt":"2012-04-08T05:38:23","guid":{"rendered":"http:\/\/www.natashabarr.com\/blog\/?p=1565"},"modified":"2019-05-08T22:38:51","modified_gmt":"2019-05-08T12:38:51","slug":"birthday-webpage","status":"publish","type":"post","link":"https:\/\/natashabarr.com\/blog\/made-by-me\/birthday-webpage\/","title":{"rendered":"Birthday Webpage?!"},"content":{"rendered":"\n<div class=\"wp-block-image wp-image-5835 size-full\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"166\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/04\/Birthday_Webpage_header.jpg\" alt=\"Part of the Birthday Message ^_^\" class=\"wp-image-5835\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_header.jpg 550w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_header-150x45.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_header-300x91.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_header-175x53.jpg 175w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><figcaption>Part of the Birthday Message ^_^<\/figcaption><\/figure><\/div>\n\n\n\n<p>It was recently my friend <a href=\"http:\/\/jacqueprior.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Jacque&#8217;s<\/a> birthday however I was unable to give her a card since she lives in Sydney. What I ended up making was a little landing page with some unique typography for her special day ^_^.<\/p>\n\n\n\n<p>I was inspired by Jacque&#8217;s&nbsp;<a href=\"http:\/\/jacqueprior.com\/tvsi.html\" target=\"_blank\" rel=\"noopener noreferrer\">Typography vs Illustration<\/a> series which is fantastic, definitely worth checking out. It seemed a bit intimidating at first and I wasn&#8217;t sure if I could make something that would live up to her work ^^;. I picked my favourite in the series, taking from it the lovely orange, blue and aqua colours.<\/p>\n\n\n\n<!--more-->\n\n\n\n<div class=\"wp-block-image wp-image-5833 size-full\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"793\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/04\/jacque_prior_miss_o_ginny.jpg\" alt=\"Jacque Prior's Miss O Ginny\" class=\"wp-image-5833\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/jacque_prior_miss_o_ginny.jpg 800w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/jacque_prior_miss_o_ginny-150x150.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/jacque_prior_miss_o_ginny-300x297.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/jacque_prior_miss_o_ginny-768x761.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/jacque_prior_miss_o_ginny-123x122.jpg 123w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Jacque Prior&#8217;s Miss O Ginny<\/figcaption><\/figure><\/div>\n\n\n\n<p>Using my pattern shapes, I created a typography piece where each letter was different from another. I tried to use only a few shapes in each one so they were a bit abstract to read as well.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-5836 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"854\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/04\/Birthday_Webpage_Original_Sketches-880x854.jpg\" alt=\"Birthday Webpage - Original Sketches\" class=\"wp-image-5836\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Original_Sketches-880x854.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Original_Sketches-150x146.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Original_Sketches-300x291.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Original_Sketches-768x745.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Original_Sketches-126x122.jpg 126w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Original_Sketches.jpg 1000w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Original Sketches<\/figcaption><\/figure><\/div>\n\n\n\n<p>I went with a digital format instead of the usual traditional hand drawn card to match Jacque&#8217;s style. Because of this I don&#8217;t really have any WIP shots ^^;.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-5834 size-full\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"543\" height=\"315\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/04\/Birthday_Webpage_Final_Image_small.jpg\" alt=\"Birthday Webpage - Final Artwork\" class=\"wp-image-5834\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Final_Image_small.jpg 543w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Final_Image_small-150x87.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Final_Image_small-300x174.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/04\/Birthday_Webpage_Final_Image_small-175x102.jpg 175w\" sizes=\"auto, (max-width: 543px) 100vw, 543px\" \/><figcaption>Final Artwork &#8211; my favourite letters are the &#8216;R&#8217; and &#8216;D&#8217;, what are yours?<\/figcaption><\/figure><\/div>\n\n\n\n<p>I originally intended to just send the artwork but I didn&#8217;t think it would look great as just an attachment to an email. I figured it would be better to show it off on a web page where it could take up the whole screen! I put it together with a bit of a birthday message and there you have it, simple but effective ^_^.<\/p>\n\n\n\n<p>After that, I emailed her off the web address of the page which you can <a href=\"http:\/\/www.natashabarr.com\/happybirthdayjacque\" target=\"_blank\" rel=\"noopener noreferrer\">see it for yourself here<\/a>.<\/p>\n\n\n\n<p>She really liked the typography and ended up making it her desktop wallpaper ^^;. I&#8217;m glad my little gift ended up being a success!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It was recently my friend Jacque&#8217;s birthday however I was unable to give her a card since she lives in Sydney. What I ended up making was a little landing page with some unique typography for her special day ^_^. I was inspired by Jacque&#8217;s&nbsp;Typography vs Illustration series which is fantastic, definitely worth checking out. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[99,115],"class_list":["post-1565","post","type-post","status-publish","format-standard","hentry","category-made-by-me","tag-typography","tag-web-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/1565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/comments?post=1565"}],"version-history":[{"count":17,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/1565\/revisions"}],"predecessor-version":[{"id":6261,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/1565\/revisions\/6261"}],"wp:attachment":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/media?parent=1565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/categories?post=1565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/tags?post=1565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}