{"id":333,"date":"2018-11-11T18:24:59","date_gmt":"2018-11-11T18:24:59","guid":{"rendered":"https:\/\/doublejdesign.ca\/?p=333"},"modified":"2023-11-12T21:40:25","modified_gmt":"2023-11-12T21:40:25","slug":"website-redesign-concept","status":"publish","type":"post","link":"https:\/\/doublejdesign.ca\/index.php\/2018\/11\/11\/website-redesign-concept\/","title":{"rendered":"Author Website Redesign Concept"},"content":{"rendered":"\n<figure data-wp-context=\"{ &quot;core&quot;:\n\t\t\t\t{ &quot;image&quot;:\n\t\t\t\t\t{   &quot;imageLoaded&quot;: false,\n\t\t\t\t\t\t&quot;initialized&quot;: false,\n\t\t\t\t\t\t&quot;lightboxEnabled&quot;: false,\n\t\t\t\t\t\t&quot;hideAnimationEnabled&quot;: false,\n\t\t\t\t\t\t&quot;preloadInitialized&quot;: false,\n\t\t\t\t\t\t&quot;lightboxAnimation&quot;: &quot;zoom&quot;,\n\t\t\t\t\t\t&quot;imageUploadedSrc&quot;: &quot;https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home.jpg&quot;,\n\t\t\t\t\t\t&quot;imageCurrentSrc&quot;: &quot;&quot;,\n\t\t\t\t\t\t&quot;targetWidth&quot;: &quot;1200&quot;,\n\t\t\t\t\t\t&quot;targetHeight&quot;: &quot;1356&quot;,\n\t\t\t\t\t\t&quot;scaleAttr&quot;: &quot;&quot;,\n\t\t\t\t\t\t&quot;dialogLabel&quot;: &quot;Enlarged image&quot;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\" data-wp-interactive class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"1024\" data-wp-effect--setStylesOnResize=\"effects.core.image.setStylesOnResize\" data-wp-effect=\"effects.core.image.setButtonStyles\" data-wp-init=\"effects.core.image.initOriginImage\" data-wp-on--click=\"actions.core.image.showLightbox\" data-wp-on--load=\"actions.core.image.handleLoad\" src=\"https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-906x1024.jpg\" alt=\"\" class=\"wp-image-334\" srcset=\"https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-906x1024.jpg 906w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-265x300.jpg 265w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-768x868.jpg 768w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home.jpg 1200w\" sizes=\"(max-width: 906px) 100vw, 906px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-on--click=\"actions.core.image.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.core.image.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.core.image.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button>        <div data-wp-body=\"\" class=\"wp-lightbox-overlay zoom\"\n            data-wp-bind--role=\"selectors.core.image.roleAttribute\"\n            data-wp-bind--aria-label=\"selectors.core.image.dialogLabel\"\n            data-wp-class--initialized=\"context.core.image.initialized\"\n            data-wp-class--active=\"context.core.image.lightboxEnabled\"\n            data-wp-class--hideAnimationEnabled=\"context.core.image.hideAnimationEnabled\"\n            data-wp-bind--aria-modal=\"selectors.core.image.ariaModal\"\n            data-wp-effect=\"effects.core.image.initLightbox\"\n            data-wp-on--keydown=\"actions.core.image.handleKeydown\"\n            data-wp-on--touchstart=\"actions.core.image.handleTouchStart\"\n            data-wp-on--touchmove=\"actions.core.image.handleTouchMove\"\n            data-wp-on--touchend=\"actions.core.image.handleTouchEnd\"\n            data-wp-on--click=\"actions.core.image.hideLightbox\"\n            tabindex=\"-1\"\n            >\n                <button type=\"button\" aria-label=\"Close\" style=\"fill: var(--wp--preset--color--body-text)\" class=\"close-button\" data-wp-on--click=\"actions.core.image.hideLightbox\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z\"><\/path><\/svg>\n                <\/button>\n                <div class=\"lightbox-image-container\">\n<figure class=\"wp-block-image size-large responsive-image\"><img decoding=\"async\" data-wp-bind--src=\"context.core.image.imageCurrentSrc\" data-wp-style--object-fit=\"selectors.core.image.lightboxObjectFit\" src=\"\" alt=\"\" class=\"wp-image-334\"\/><\/figure>\n<\/div>\n                <div class=\"lightbox-image-container\">\n<figure class=\"wp-block-image size-large enlarged-image\"><img decoding=\"async\" data-wp-bind--src=\"selectors.core.image.enlargedImgSrc\" data-wp-style--object-fit=\"selectors.core.image.lightboxObjectFit\" src=\"\" alt=\"\" class=\"wp-image-334\"\/><\/figure>\n<\/div>\n                <div class=\"scrim\" style=\"background-color: var(--wp--preset--color--background)\" aria-hidden=\"true\"><\/div>\n        <\/div><\/figure>\n\n\n\n<p>These protoypes are meant to be converted into a WordPress theme. This website needed an upgrade that showcased my client&#8217;s talent for both writing and photography. The header was changed to a cover and the remainder of the site became more muted to emphasize the content with minimal distraction. From the old site to the new I updated the colour palette and layout for a cleaner look as well as easier navigation and access to content for users.<\/p>\n\n\n\n<p>See the old site below.<\/p>\n\n\n\n<figure data-wp-context=\"{ &quot;core&quot;:\n\t\t\t\t{ &quot;image&quot;:\n\t\t\t\t\t{   &quot;imageLoaded&quot;: false,\n\t\t\t\t\t\t&quot;initialized&quot;: false,\n\t\t\t\t\t\t&quot;lightboxEnabled&quot;: false,\n\t\t\t\t\t\t&quot;hideAnimationEnabled&quot;: false,\n\t\t\t\t\t\t&quot;preloadInitialized&quot;: false,\n\t\t\t\t\t\t&quot;lightboxAnimation&quot;: &quot;zoom&quot;,\n\t\t\t\t\t\t&quot;imageUploadedSrc&quot;: &quot;https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/debjacksite.jpg&quot;,\n\t\t\t\t\t\t&quot;imageCurrentSrc&quot;: &quot;&quot;,\n\t\t\t\t\t\t&quot;targetWidth&quot;: &quot;1200&quot;,\n\t\t\t\t\t\t&quot;targetHeight&quot;: &quot;799&quot;,\n\t\t\t\t\t\t&quot;scaleAttr&quot;: &quot;&quot;,\n\t\t\t\t\t\t&quot;dialogLabel&quot;: &quot;Enlarged image&quot;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\" data-wp-interactive class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" data-wp-effect--setStylesOnResize=\"effects.core.image.setStylesOnResize\" data-wp-effect=\"effects.core.image.setButtonStyles\" data-wp-init=\"effects.core.image.initOriginImage\" data-wp-on--click=\"actions.core.image.showLightbox\" data-wp-on--load=\"actions.core.image.handleLoad\" src=\"https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/debjacksite-1024x682.jpg\" alt=\"\" class=\"wp-image-336\" srcset=\"https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/debjacksite-1024x682.jpg 1024w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/debjacksite-300x200.jpg 300w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/debjacksite-768x511.jpg 768w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/debjacksite.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-on--click=\"actions.core.image.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.core.image.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.core.image.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button>        <div data-wp-body=\"\" class=\"wp-lightbox-overlay zoom\"\n            data-wp-bind--role=\"selectors.core.image.roleAttribute\"\n            data-wp-bind--aria-label=\"selectors.core.image.dialogLabel\"\n            data-wp-class--initialized=\"context.core.image.initialized\"\n            data-wp-class--active=\"context.core.image.lightboxEnabled\"\n            data-wp-class--hideAnimationEnabled=\"context.core.image.hideAnimationEnabled\"\n            data-wp-bind--aria-modal=\"selectors.core.image.ariaModal\"\n            data-wp-effect=\"effects.core.image.initLightbox\"\n            data-wp-on--keydown=\"actions.core.image.handleKeydown\"\n            data-wp-on--touchstart=\"actions.core.image.handleTouchStart\"\n            data-wp-on--touchmove=\"actions.core.image.handleTouchMove\"\n            data-wp-on--touchend=\"actions.core.image.handleTouchEnd\"\n            data-wp-on--click=\"actions.core.image.hideLightbox\"\n            tabindex=\"-1\"\n            >\n                <button type=\"button\" aria-label=\"Close\" style=\"fill: var(--wp--preset--color--body-text)\" class=\"close-button\" data-wp-on--click=\"actions.core.image.hideLightbox\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z\"><\/path><\/svg>\n                <\/button>\n                <div class=\"lightbox-image-container\">\n<figure class=\"wp-block-image size-large responsive-image\"><img decoding=\"async\" data-wp-bind--src=\"context.core.image.imageCurrentSrc\" data-wp-style--object-fit=\"selectors.core.image.lightboxObjectFit\" src=\"\" alt=\"\" class=\"wp-image-336\"\/><\/figure>\n<\/div>\n                <div class=\"lightbox-image-container\">\n<figure class=\"wp-block-image size-large enlarged-image\"><img decoding=\"async\" data-wp-bind--src=\"selectors.core.image.enlargedImgSrc\" data-wp-style--object-fit=\"selectors.core.image.lightboxObjectFit\" src=\"\" alt=\"\" class=\"wp-image-336\"\/><\/figure>\n<\/div>\n                <div class=\"scrim\" style=\"background-color: var(--wp--preset--color--background)\" aria-hidden=\"true\"><\/div>\n        <\/div><\/figure>\n\n\n\n<p>I stripped the homepage of most of its content and only displayed the logo on top of some stunning images related to what the author\/photographer does. The nav would be displayed on the bottom of the logo image combo to ensure that the user can quickly navigate to whichever page they need to. The mini update section below the nav is meant to provide the user with quick access to the most up to date content on the site. I kept the mailing list section, but put it in the footer, so it could be consistent and displayed across all pages.<\/p>\n\n\n\n<p>I created a new books and photo gallery page for the project as well.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"1024\" src=\"https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-books-420x1024.jpg\" alt=\"\" class=\"wp-image-335 size-full\" srcset=\"https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-books-420x1024.jpg 420w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-books-123x300.jpg 123w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-books-768x1871.jpg 768w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-books-841x2048.jpg 841w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-books-scaled.jpg 1051w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>This would be the books page. The whole site mixes hard and soft edges. The latest release is meant to sit front and center while the bottom half acts as a mini store and navigation to collections of written books.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"1024\" src=\"https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-photography-293x1024.jpg\" alt=\"\" class=\"wp-image-338 size-full\" srcset=\"https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-photography-293x1024.jpg 293w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-photography-86x300.jpg 86w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-photography-768x2687.jpg 768w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-photography-439x1536.jpg 439w, https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-photography-scaled.jpg 732w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>The photography page posed a great challenge: how to display a bunch of great photography while making sure the pictures don\u2019t fight with each other? I chose much fewer photos to put on display in favour of having larger galleries on sub-pages by category. The \u201cphoto shop\u201d has also been moved to the photography page to minimize confusion and a more pleasant user experience.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>These protoypes are meant to be converted into a WordPress theme. This website needed an upgrade that showcased my client&#8217;s talent for both writing and photography. The header was changed to a cover and the remainder of the site became more muted to emphasize the content with minimal distraction. From the old site to the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":334,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[17,20],"tags":[],"uagb_featured_image_src":{"full":["https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home.jpg",1200,1356,false],"thumbnail":["https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-150x150.jpg",150,150,true],"medium":["https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-265x300.jpg",265,300,true],"medium_large":["https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-768x868.jpg",768,868,true],"large":["https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-906x1024.jpg",906,1024,true],"wps_thumbnail_size":["https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home-360x250.jpg",360,250,true],"1536x1536":["https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home.jpg",1200,1356,false],"2048x2048":["https:\/\/doublejdesign.ca\/wp-content\/uploads\/2023\/11\/dj-home.jpg",1200,1356,false]},"uagb_author_info":{"display_name":"jessica.jackson","author_link":"https:\/\/doublejdesign.ca\/index.php\/author\/jessica-jackson\/"},"uagb_comment_info":1,"uagb_excerpt":"These protoypes are meant to be converted into a WordPress theme. This website needed an upgrade that showcased my client&#8217;s talent for both writing and photography. The header was changed to a cover and the remainder of the site became more muted to emphasize the content with minimal distraction. From the old site to the&hellip;","_links":{"self":[{"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/333"}],"collection":[{"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":3,"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"predecessor-version":[{"id":411,"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/333\/revisions\/411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/media\/334"}],"wp:attachment":[{"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/doublejdesign.ca\/index.php\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}