{"id":390,"date":"2022-09-14T15:29:34","date_gmt":"2022-09-14T20:29:34","guid":{"rendered":"https:\/\/www.rainofhearts.com\/roh\/?p=390"},"modified":"2022-09-15T08:44:56","modified_gmt":"2022-09-15T13:44:56","slug":"workflow-for-design-and-development","status":"publish","type":"post","link":"https:\/\/www.rainofhearts.com\/roh\/workflow-for-design-and-development\/","title":{"rendered":"Workflow for Design and Development"},"content":{"rendered":"\n<p>Image by <a href=\"https:\/\/pixabay.com\/users\/geralt-9301\/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=4051777\">Gerd Altmann<\/a> from <a href=\"https:\/\/pixabay.com\/\/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=4051777\">Pixabay<\/a><\/p>\n\n\n\n<p>Design thinking\u2026 development workflow\u2026 it\u2019s a foundational process providing structure to a team\u2019s project. This process encompasses all aspects of a web development project until launch.<\/p>\n\n\n\n<p>My journey as a web developer may be similar or very different from many others\u2019 journeys. Over the years and through varied website projects and client types, I\u2019ve formed a development workflow that can help me (and my valued clients) empathize, plan, develop, test, build, review, and deploy faster.<\/p>\n\n\n\n<p>There are no rules to follow the workflow steps sequentially. Testing and empathizing happens over and over throughout a website build. It doesn\u2019t simply take into account the actual design process either. It covers the preparation stages right through to post-launch.<\/p>\n\n\n\n<p>At one time, I used an online workflow manager and scheduler \u2013 <em>there was a free trial, but after about two years, it required a subscription to its enhanced team communication features which I wasn\u2019t even using anyway, so no thank you very much, goodbye.<\/em> At that point, I used Microsoft Word to detail a workflow reference document translated from the process that online manager had helped hone.<\/p>\n\n\n\n<p>My web development workflow \u201cchecklist\u201d improves my design process by improved planning, increased productivity, and improved consistency. It helps me stay on task and keeps my clients happy. It also helps teams keep track of what needs to be done first, what needs more support, and potential setbacks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mt-0\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"395\" src=\"https:\/\/i0.wp.com\/www.rainofhearts.com\/roh\/wp-content\/uploads\/2022\/09\/work-g23692190c_1280.jpg?resize=644%2C395&#038;ssl=1\" alt=\"chart for categories: idea, to do, doing, done\" class=\"wp-image-393\" srcset=\"https:\/\/i0.wp.com\/www.rainofhearts.com\/roh\/wp-content\/uploads\/2022\/09\/work-g23692190c_1280.jpg?resize=644%2C395&amp;ssl=1 644w, https:\/\/i0.wp.com\/www.rainofhearts.com\/roh\/wp-content\/uploads\/2022\/09\/work-g23692190c_1280.jpg?resize=300%2C184&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rainofhearts.com\/roh\/wp-content\/uploads\/2022\/09\/work-g23692190c_1280.jpg?resize=768%2C471&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rainofhearts.com\/roh\/wp-content\/uploads\/2022\/09\/work-g23692190c_1280.jpg?resize=1200%2C736&amp;ssl=1 1200w, https:\/\/i0.wp.com\/www.rainofhearts.com\/roh\/wp-content\/uploads\/2022\/09\/work-g23692190c_1280.jpg?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><figcaption>Image by <a href=\"https:\/\/pixabay.com\/users\/geralt-9301\/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=4051777\">Gerd Altmann<\/a> from <a href=\"https:\/\/pixabay.com\/\/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=4051777\">Pixabay<\/a> <\/figcaption><\/figure>\n\n\n\n<p>The workflow schedule boils down to 5 key steps (again, they may not happen entirely sequentially):<\/p>\n\n\n\n<p>Phase 1: Gather Requirements &amp; Manage Expectations<br>Phase 2: Structure Web Design &amp; Architecture<br>Phase 3: Build the Website<br>Phase 4: Testing on Staging Sites &amp; Launch<br>Phase 5: Maintenance &amp; Further Improvements<\/p>\n\n\n\n<p>Ever since I mapped out my web design and development workflow, I can\u2019t believe I hadn\u2019t done it sooner! Having a workflow makes the process slicker and far more successful since my clients and I can strategically move from one step to the next without missing any important phases or details.<\/p>\n\n\n\n<p>Beautiful website design doesn\u2019t just happen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Image by Gerd Altmann from Pixabay Design thinking\u2026 development workflow\u2026 it\u2019s a foundational process providing structure to a team\u2019s project. This process encompasses all aspects of a web development project until launch. My journey as a web developer may be similar or very different from many others\u2019 journeys. Over the years and through varied website&#8230;<\/p>\n","protected":false},"author":1,"featured_media":399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[44,72,109,46],"tags":[106,108,70,34,105],"class_list":["post-390","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-develop","category-task-manager","category-website","tag-checklist","tag-list","tag-strategy","tag-website","tag-workflow"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.rainofhearts.com\/roh\/wp-content\/uploads\/2022\/09\/pexels-ivan-samkov-7213439-1.jpg?fit=1280%2C853&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/posts\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/comments?post=390"}],"version-history":[{"count":8,"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/posts\/390\/revisions"}],"predecessor-version":[{"id":407,"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/posts\/390\/revisions\/407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/media\/399"}],"wp:attachment":[{"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/media?parent=390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/categories?post=390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rainofhearts.com\/roh\/wp-json\/wp\/v2\/tags?post=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}