{"id":4542,"date":"2016-07-06T22:01:28","date_gmt":"2016-07-06T22:01:28","guid":{"rendered":"http:\/\/cloudfour.com\/?page_id=4542"},"modified":"2023-03-22T14:45:35","modified_gmt":"2023-03-22T21:45:35","slug":"believes","status":"publish","type":"page","link":"https:\/\/cloudfour.com\/believes\/","title":{"rendered":"Our approach to responsive web design and development"},"content":{"rendered":"\n<p class=\"has-big-font-size\">We view our role as bigger than the output of our work. We believe a small company like ours can have an outsized impact on the world and our customers.<\/p>\n\n\n\n<p class=\"has-big-font-size\">We\u2019re constantly looking for ways we can make the web better. And we use what we learn to help our customers build better web experiences.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><img src=\"https:\/\/cloudfour.com\/wp-content\/uploads\/2022\/08\/approach-share-next.svg\" alt=\"\" class=\"wp-image-6583\" width=\"256\" height=\"256\"\/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">We Share What We Learn<\/h2>\n\n\n\n<p>Recounting lessons learned for clients and the greater web community is a core part of what we do. Nearly every project we do includes some sort of training or education component.<\/p>\n\n\n\n<p>We even flip the typical staffing model on its head by having <a href=\"https:\/\/cloudfour.com\/thinks\/client-engagement-the-cloud-four-way\/#flipmodel\">client designers and developers embed with us<\/a> for a period of time, so we can bring them up to speed on the work that we are doing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">We&#8217;re Intense Collaborators<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"576\" src=\"https:\/\/cloudfour.com\/wp-content\/uploads\/2022\/08\/whiteboard-1024x576.jpg\" alt=\"\" class=\"wp-image-6584\" srcset=\"https:\/\/cloudfour.com\/wp-content\/uploads\/2022\/08\/whiteboard-1024x576.jpg 1024w, https:\/\/cloudfour.com\/wp-content\/uploads\/2022\/08\/whiteboard-300x169.jpg 300w, https:\/\/cloudfour.com\/wp-content\/uploads\/2022\/08\/whiteboard-768x432.jpg 768w, https:\/\/cloudfour.com\/wp-content\/uploads\/2022\/08\/whiteboard-1536x864.jpg 1536w, https:\/\/cloudfour.com\/wp-content\/uploads\/2022\/08\/whiteboard.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After an initial discovery process, many agencies retreat to their offices only to emerge weeks later to present \u201cthe solution\u201d. These big reveals <a href=\"https:\/\/vimeo.com\/20736616\">only work on TV<\/a>.<\/p>\n\n\n\n<p>We take the opposite approach. We share our work and <a href=\"https:\/\/cloudfour.com\/thinks\/the-power-of-responsive-design-sprints\/#collaboration\">solicit feedback multiple times per day<\/a>. We sketch, design and code quickly so we can iterate on ideas and find the best ones.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-image is-style-rounded\">\n<figure class=\"alignright size-full is-resized\"><img src=\"https:\/\/cloudfour.com\/wp-content\/uploads\/2016\/07\/approach-michael.jpg\" alt=\"\" class=\"wp-image-4544\" width=\"80\" height=\"80\" srcset=\"https:\/\/cloudfour.com\/wp-content\/uploads\/2016\/07\/approach-michael.jpg 200w, https:\/\/cloudfour.com\/wp-content\/uploads\/2016\/07\/approach-michael-150x150.jpg 150w\" sizes=\"(max-width: 80px) 100vw, 80px\" \/><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>It\u2019s not like you gather client requirements, go away and make something, then come back and ask for feedback. It\u2019s constant iteration, constantly involving the client.<\/p>\n<cite>Michael Hallinan, <a href=\"https:\/\/cloudfour.com\/made\/treasure-coast-hospice\/\">Treasure Coast Hospice<\/a><\/cite><\/blockquote>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Design Sprints and Agile Development<\/h2>\n\n\n\n<p>We\u2019ve ditched the traditional waterfall design process of wireframes and Photoshop mockups. Responsive web design makes that process obsolete\u2014imagine how many wireframes and comps you need to cover all the screen sizes now available.<\/p>\n\n\n\n<p>Instead, we believe in <a href=\"https:\/\/cloudfour.com\/thinks\/the-power-of-responsive-design-sprints\/\">responsive design sprints<\/a>. We break design problems into smaller patterns. We sketch mobile-first versions of those patterns. Then we quickly move into code and design in the browser.<\/p>\n\n\n\n\n\n\n\n\n<article class=\"\n  c-card\n  c-card--with-link  c-card--contained o-container__fill-pad  \"\n  aria-labelledby=\"card-block-69e57a58c2148\">\n\n      <header class=\"c-card__header\">\n      <h2 class=\"c-card__heading\" id=\"card-block-69e57a58c2148\">\n                  <a href=\"https:\/\/cloudfour.com\/thinks\/client-engagement-the-cloud-four-way\/\" class=\"c-card__link\">\n                Client Engagement the Cloud Four Way\n    \n          <\/a>\n              <\/h2>\n          <\/header>\n  \n  \n      <div class=\"c-card__content\">\n            <p>One of the things that is really clear to us (and that we hear often from our clients) is that the way we engage with our clients is unique. In fact, bringing clients in early and often to our process is one of our specialties at Cloud Four.<\/p>\n\n    \n    <\/div>\n  \n  \n<\/article>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img src=\"https:\/\/cloudfour.com\/wp-content\/uploads\/2016\/07\/approach-unicorn.svg\" alt=\"\" class=\"wp-image-4546\" width=\"480\" height=\"460\"\/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Our Designers Code, Our Developers Design<\/h2>\n\n\n\n<p>Our sprint-based process works because we\u2019re full of what our industry considers unicorns. Our designers write code. Our developers went to art school.<\/p>\n\n\n\n<p>We didn\u2019t set out to become a unicorn safe haven, but we\u2019re happy it happened. <a href=\"https:\/\/cloudfour.com\/is\">Our team<\/a>\u2019s unique combination of skills is what enables us to do great work for our clients.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Giving Back<\/h2>\n\n\n\n<p>We pride ourselves on giving back locally and to the greater web community. Here are some of places where we\u2019ve contributed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"\/made\/#projects\" data-type=\"URL\" data-id=\"\/made\/#projects\">Our open source projects<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/cloudfour.com\/portland-device-lab\">Portland\u2019s Open Device Lab<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.responsivefieldday.com\">Responsive Field Day Conference<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/cloudfour.com\/head-first-mobile-web\">Head First Mobile Web Book<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/futurefriendlyweb.com\/\">Future Friendly Web Manifesto<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/responsiveimages.org\/\">Responsive Images Community Group<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/cloudfour.com\/thinks\/responsive-images-breakpoint-generator\/\">Responsive Images Breakpoints Generator<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>We view our role as bigger than the output of our work. We believe a small company like ours can have an outsized impact on the world and our customers. We\u2019re constantly looking for ways we can make the web better. And we use what we learn to help our customers build better web experiences. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-4542","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cloudfour.com\/wp-json\/wp\/v2\/pages\/4542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudfour.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloudfour.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloudfour.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudfour.com\/wp-json\/wp\/v2\/comments?post=4542"}],"version-history":[{"count":0,"href":"https:\/\/cloudfour.com\/wp-json\/wp\/v2\/pages\/4542\/revisions"}],"wp:attachment":[{"href":"https:\/\/cloudfour.com\/wp-json\/wp\/v2\/media?parent=4542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}