[\/dpr_heading][dpr_split_section image_block_anim=”slideInLeft” title=”Adam’s First Website” subtitle=”2006″ readmore_text=”View in the Wayback Machine” image_id=”336″ el_class=”siteRedesign” readmore_show=”show” link=”url:https%3A%2F%2Fweb.archive.org%2Fweb%2F20060513123324%2Fhttp%3A%2F%2Fwww.adamharness.com%2F||target:%20_blank|”]This website does not even display anymore.\u00a0 It was built completely in CSS\/HTML, which meant every page had to be coded individually.<\/p>\n

\n
• Not mobile-friendly<\/li>\n
• Coded in pure CSS\/HTML<\/li>\n
• All “special features” (gradient backgrounds, icons, hover effects) were images, not styles<\/li>\n
• Alt-text was an afterthought instead of a key SEO tool<\/li>\n<\/ul>\n

   <\/p>\n

  [\/dpr_split_section][vc_separator color=”custom” el_width=”90″ accent_color=”#454850″ css=”.vc_custom_1580153320009{padding-top: 40px !important;padding-bottom: 40px !important;}”][dpr_split_section type=”right” image_block_anim=”slideInRight” title=”Implementing PHP” subtitle=”2010″ readmore_text=”View in the Wayback Machine” image_id=”337″ el_class=”siteRedesign” readmore_show=”show” link=”url:https%3A%2F%2Fweb.archive.org%2Fweb%2F20110202144214%2Fhttp%3A%2F%2Fwww.ahdindy.com%2F||target:%20_blank|”]Adam and I had a lot of fun designing this one.\u00a0 It was the first time he explored using PHP to enhance the look of the website.\u00a0 The exciting feature with this site was that on each page, the header image changed to a different image – the HEIGHT of innovation a decade ago!<\/p>\n

  \n
  • Still not mobile-friendly<\/li>\n
  • Coded CSS\/HTML and<\/strong> PHP<\/li>\n
  • Header image changed on each page using PHP<\/li>\n
  • Very rudimentary Portfolio page<\/li>\n
  • Boxy design<\/li>\n
  • Remember Facebook badges?<\/li>\n<\/ul>\n

    [\/dpr_split_section][vc_separator color=”custom” el_width=”90″ accent_color=”#454850″ css=”.vc_custom_1580153320009{padding-top: 40px !important;padding-bottom: 40px !important;}”][dpr_split_section image_block_anim=”slideInLeft” title=”Moody Blues” subtitle=”2011″ readmore_text=”View in the Wayback Machine” image_id=”338″ el_class=”siteRedesign” readmore_show=”show” link=”url:https%3A%2F%2Fweb.archive.org%2Fweb%2F20110815113224%2Fhttp%3A%2F%2Fahdindy.com%2F||target:%20_blank|”]We redesigned the website again in 2011 when “dark themes” became popular.\u00a0 All of the overlays and gradients had to be put in as images instead of set in the style sheet.\u00a0 We also updated our logo to a brighter shade of blue from the more purple tone in the original.<\/p>\n

    \n
    • Also not mobile-friendly<\/li>\n
    • Got more creative with gradients and overlays in the header<\/li>\n
    • Dark theme and more corporate image-wise<\/li>\n
    • First use of JQuery on the Portfolio page (which no longer works)<\/li>\n
    • MANY examples of “exciting” JQuery features that we could include on our clients’ websites (these also no longer work).<\/li>\n<\/ul>\n

       <\/p>\n

      [\/dpr_split_section][vc_separator color=”custom” el_width=”90″ accent_color=”#454850″ css=”.vc_custom_1580153320009{padding-top: 40px !important;padding-bottom: 40px !important;}”][dpr_split_section type=”right” image_block_anim=”slideInRight” title=”Lighter and Brighter” subtitle=”2013″ readmore_text=”View in the Wayback Machine” image_id=”339″ el_class=”siteRedesign” readmore_show=”show” link=”url:https%3A%2F%2Fweb.archive.org%2Fweb%2F20130824185044%2Fhttp%3A%2F%2Fwww.ahdindy.com%2F||target:%20_blank|”]We lightened up the website, moving toward pastels and more “pops” of color in the header images.\u00a0 This was also our first use of a slider in the header, which became very popular around that time.\u00a0 Also lightboxes for portfolio displays were very common at this point.<\/p>\n

      \n
      • STILL NOT MOBILE-FRIENDLY YET!<\/li>\n
      • Used a slider with text embedded in images in the header<\/li>\n
      • Portfolio was displayed using lightbox pop-up<\/li>\n
      • Several brightly-colored social media icons prominently displayed in the footer, including FOURSQUARE<\/li>\n<\/ul>\n

        [\/dpr_split_section][vc_separator color=”custom” el_width=”90″ accent_color=”#454850″ css=”.vc_custom_1580153320009{padding-top: 40px !important;padding-bottom: 40px !important;}”][dpr_split_section image_block_anim=”slideInLeft” title=”A Responsive Website” subtitle=”2015″ readmore_text=”View in the Wayback Machine” image_id=”340″ el_class=”siteRedesign” readmore_show=”show” link=”url:https%3A%2F%2Fweb.archive.org%2Fweb%2F20150814150551%2Fhttp%3A%2F%2Fwww.harnessdesignindy.com%2F||target:%20_blank|”]This website was a huge change for us, for many reasons.\u00a0 The first is that we rebranded from Adam Harness Design to Harness Design Indy.\u00a0 This was also our first mobile-friendly website.\u00a0 In 2015 it was more challenging to develop a responsive website because a lot of the “shortcuts” most developers use now were just starting out.\u00a0 On the other hand, there were way fewer screen sizes to design for.<\/p>\n

        \n
        • Finally mobile-friendly!<\/li>\n
        • Moved toward flat design elements (no gradients)<\/li>\n
        • Began using Fontawesome icons instead of creating images<\/li>\n
        • Implemented carousels to view projects in the portfolio<\/li>\n
        • Portfolio was database-driven<\/li>\n
        • First use of JQuery accordion for FAQ’s page<\/li>\n<\/ul>\n

          [\/dpr_split_section][vc_separator color=”custom” el_width=”90″ accent_color=”#454850″ css=”.vc_custom_1580153320009{padding-top: 40px !important;padding-bottom: 40px !important;}”][dpr_split_section type=”right” image_block_anim=”slideInRight” title=”Monumental Change” subtitle=”2016″ readmore_text=”View in the Wayback Machine” image_id=”341″ el_class=”siteRedesign” readmore_show=”show” link=”url:https%3A%2F%2Fweb.archive.org%2Fweb%2F20180315030815%2Fhttp%3A%2F%2Fharnessdesignindy.com%2F||target:%20_blank|”]This redesign was probably our biggest shift.\u00a0 We rebranded to the current “water droplet” theme and retooled our tagline.\u00a0 We switched to a fully responsive website and played with a lot of moving elements like CSS and JQuery-driven buttons and animated text.\u00a0 We also used parallax backgrounds for the first time.\u00a0 Finally, we moved to a single-page design, which was very popular just a few years ago – now it is extremely taboo for SEO.<\/p>\n

          \n
          • Fully responsive website<\/li>\n
          • Utilized parallax (moving background) design elements<\/li>\n
          • CSS\/JQuery-driven text and image animations<\/li>\n
          • Single-page design<\/li>\n
          • Database-driven portfolio section (extremely hard to maintain)<\/li>\n
          • WordPress-like design, but still a static website<\/li>\n<\/ul>\n

            [\/dpr_split_section][vc_separator color=”custom” el_width=”90″ accent_color=”#454850″ css=”.vc_custom_1580153320009{padding-top: 40px !important;padding-bottom: 40px !important;}”][dpr_split_section image_block_anim=”slideInLeft” title=”Current Design” subtitle=”2020″ image_id=”552″ el_class=”siteRedesign”]After building several websites in WordPress for our clients, we finally found time to convert our site to WordPress as well, and made a lot of improvements.\u00a0 We changed to the current style of single-page\/multi-page design, added a lot of new design elements throughout the site, and made the website more interactive with users.\u00a0 The portfolio is now managed by the WordPress CMS which makes updating the site with our most current work easy.<\/p>\n

            \n
            • Responsive WordPress website<\/li>\n
            • Top SEO plugins and techniques in use<\/li>\n
            • Easy to update portfolio and pages to keep the website current<\/li>\n
            • Even more design elements to make pages engaging<\/li>\n
            • Multiple areas for users to interact with the website<\/li>\n
            • Use of CSS Flex to make responsive styling even easier<\/li>\n<\/ul>\n

              [\/dpr_split_section][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

              [vc_row css=”.vc_custom_1580160291957{padding-bottom: 50px !important;}”][vc_column][dpr_heading type=”type-03″ tag=”h2″ subtitle=”WHY YOU SHOULD” alignment=”text-center” headline_color=”#0c0c17″ headline_font_size=”32″ use_headline_google_fonts=”yes” headline_google_font=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal” subtitle_color=”#0c0c17″ subtitle_font_size=”9″ subtitle_letter_spacing=”5″ use_subtitle_google_fonts=”yes” subtitle_google_font=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic”] Update Your Website [\/dpr_heading][vc_column_text]A lot of our clients ask us, “I spent a lot of money to build my website a few years ago.\u00a0 Why should I invest even more money to redesign it?” Our typical […]<\/p>\n","protected":false},"author":1,"featured_media":556,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"yoast_head":"\n