{"id":11512,"date":"2014-07-23T07:29:15","date_gmt":"2014-07-23T11:29:15","guid":{"rendered":"http:\/\/www.planetjune.com\/blog\/?p=11512"},"modified":"2015-04-16T16:04:58","modified_gmt":"2015-04-16T20:04:58","slug":"planetjune-redesign","status":"publish","type":"post","link":"https:\/\/www.planetjune.com\/blog\/planetjune-redesign\/","title":{"rendered":"PlanetJune redesign"},"content":{"rendered":"<p>I&#8217;m unbelivably excited to <em>finally<\/em> be able to write this post &#8211; my website redesign has been over 5 years in the making, and now it&#8217;s ready to launch! Just for kicks, let&#8217;s take a look back over the history of the PlanetJune website that brought us to this point:<\/p>\n<p>In January 2009, I made PlanetJune my full-time job and <a href=\"\/blog\/crafty-business-update\/\">redesigned my homepage<\/a> so it matched my blog (below, right) instead of looking like a random hobby site (below, left):<\/p>\n<p><img decoding=\"async\" class=\"half\" src=\"\/blog\/images\/homepage_old.jpg\" width=\"245px\" alt=\"PlanetJune homepage, pre-2009\" \/> <img decoding=\"async\" class=\"half\" src=\"\/blog\/images\/homepage_new.jpg\" width=\"245px\" alt=\"PlanetJune homepage, 2009-2014\" \/><\/p>\n<p>I started working on my logo design, but got stuck, and it took another 3 years before I <a href=\"\/blog\/a-logo-for-planetjune\/\">came up with my logo<\/a> and put it up on the blog:<\/p>\n<p><img decoding=\"async\" style=\"border:thin solid #ccc\" src=\"\/blog\/images\/oldheader1.jpg\" alt=\"PlanetJune blog header, 2007-2012\" \/><br \/>\n<em>Before logo (above) and after (below)<\/em><br \/>\n<img decoding=\"async\" style=\"border:thin solid #ccc\" src=\"\/blog\/images\/newheader1.jpg\" alt=\"PlanetJune blog header, 2012-2014\" \/><\/p>\n<p>And then I stalled again &#8211; although it&#8217;s bugged the perfectionist in me to know how disjointed the rest of my site was, my life has been a non-stop rollercoaster ride for the past 2 years, and I just haven&#8217;t the time to do anything about this. But now, with <a href=\"\/igcrochet\">my new crochet book<\/a> launching, completing this redesign is my opportunity to let my work finally speak for itself. <\/p>\n<p>Today marks the culmination of a <strong>5 year journey<\/strong> from becoming a serious business owner to creating a website that actually reflects that. <\/p>\n<p>Here&#8217;s the all-new and much improved homepage! I&#8217;ll show you a screenshot below, but please do <a href=\"\">click through<\/a> to see it in its full glory &#8211; it&#8217;s big and bold and I love it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/images\/homepage_new.png\" alt=\"new PlanetJune homepage\" width=\"500\" height=\"908\"\/><\/p>\n<p>I didn&#8217;t design this entirely alone &#8211; although I built everything myself, I did invest in design consultations with a professional web designer (Brandi at <a href=\"https:\/\/ashadow.com\/\" target=\"_blank\" rel=\"noopener\">aShadow<\/a>) who was absolutely invaluable. The basic layout and all the nice visual touches on the homepage came from Brandi&#8217;s ideas, and I&#8217;d probably still have been staring at a blank page without her creative input! Consulting with an expert was also a great way to find out about some new css and jquery tricks that weren&#8217;t around the last time I did this kind of web dev work, without having to put in all the research hours myself.<\/p>\n<p>Once I finalised the new homepage design, I overhauled the rest of the site to match. The new PlanetJune layout is wider, with my name at the top of every page (as it should be!) and the page title moved to below the menu bar instead. I&#8217;ve dusted off my web developer hat and built some new pieces and pages that bring all the disparate pieces of the site together more closely and reinforce the PlanetJune identity, with the same header, top menu bar, and new bottom footer menu on every page of the site, and a &#8216;Quick Links&#8217; sidebar on the left (everywhere except the homepage and the shop). <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/images\/layout_top_new.png\" alt=\"new PlanetJune layout top\" width=\"500\" height=\"265\"\/><\/p>\n<p>I then used my web usability experience to make the site easier to use: you can login to your PlanetJune account from anywhere on the site (instead of having to go to the shop first); and I&#8217;ve tweaked the menus so the multitude of confusingly different things I have to offer are organised by what you&#8217;d like to do: <\/p>\n<ul>\n<li><strong>Buy<\/strong> (pattern shop, commissions, buying toys from PJ sellers)<\/li>\n<li><strong>Learn<\/strong> (tutorials, free patterns, punchneedle info)<\/li>\n<li><strong>Info<\/strong> (blog, FAQ, pattern user licence, pattern catalogue)<\/li>\n<li><strong>About<\/strong> (my bio, testimonials, publications, my art projects)<\/li>\n<li><strong>Follow<\/strong> (social media and other places to find me online)<\/li>\n<\/ul>\n<p>I think that makes at least some sense, and it&#8217;s definitely clearer than before! (Even I didn&#8217;t know where to look in the old menus&#8230;)<\/p>\n<p>My website may not be perfect &#8211; and the shop, in particular, still needs more work when I have time &#8211;  but I hope it accomplishes my goals for this project:<\/p>\n<ol>\n<li>To make every page instantly recognisable as part of PlanetJune<\/li>\n<li>To make it clear what I offer and let you find those things more easily<\/li>\n<\/ol>\n<p>I hope you agree! This has been a massive but rewarding undertaking; I&#8217;m pretty proud of myself for accomplishing this. I think it makes a huge difference to my website, and I really hope you&#8217;ll enjoy the improved PlanetJune experience. Please do let me know what you think of it in the comments&#8230;<\/p>\n<p><em>By the way, I&#8217;ve tested everything as much as I can, on as many devices as possible, but, please, if you see anything strange, broken, or confusing as you travel around PlanetJune in future, do <a href=\"mailto:june@planetjune.com\">let me know<\/a> so I can fix\/improve it &#8211; thanks!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m unbelivably excited to finally be able to write this post &#8211; my website redesign has been over 5 years in the making, and now it&#8217;s ready to launch! Just for kicks, let&#8217;s take a look back over the history of the PlanetJune website that brought us to this point: In January 2009, I made [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-11512","post","type-post","status-publish","format-standard","hentry","category-craft-business"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/posts\/11512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/comments?post=11512"}],"version-history":[{"count":0,"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/posts\/11512\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/media?parent=11512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/categories?post=11512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.planetjune.com\/blog\/wp-json\/wp\/v2\/tags?post=11512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}