[vc_row full_width=”stretch_row_content_no_spaces” full_height=”yes” content_placement=”middle” css_animation=”none” el_id=”page-header”][vc_column][vc_empty_space][vc_custom_heading source=”post_title” font_container=”tag:h1|text_align:center” use_theme_fonts=”yes” el_id=”page-title”][vc_custom_heading text=”Contribution: Web Development” font_container=”tag:h6|text_align:center” use_theme_fonts=”yes” el_class=”sub-section-header”][vc_single_image image=”204″ img_size=”full” alignment=”center” css_animation=”top-to-bottom” css=”.vc_custom_1584624254504{margin-bottom: 0px !important;}”][vc_icon type=”the7″ icon_the7=”fas fa-long-arrow-alt-down” color=”custom” align=”center” custom_color=”#1e434c” el_class=”scroll-down” link=”url:%23the-brief|||” css=”.vc_custom_1590262628550{margin-top: -45px !important;}”][/vc_column][/vc_row][vc_row content_placement=”middle” css_animation=”fadeIn” css=”.vc_custom_1538663201547{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_id=”the-brief”][vc_column width=”1/4″][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”The Brief” font_container=”tag:h3|text_align:center” use_theme_fonts=”yes” css_animation=”none” el_class=”section-header”][vc_column_text css_animation=”none”]Borough based design agency Dekko Creative was tasked with re-designing Galldris’ website. The main part of the brief was to have a strong custom developed project section that showcased their previous high profile construction projects. The projects needed to be filtered by services Galldris offered and the industry sectors they operated in. The filtered content of the bespoke project grid also had to be linked to dynamically form other pages on the website.[/vc_column_text][vc_empty_space][vc_custom_heading text=”The Solution” font_container=”tag:h3|text_align:center” use_theme_fonts=”yes” css_animation=”none” el_class=”section-header”][vc_column_text css_animation=”none”]Given the initial tight deadline and budget, a premium theme that provided basic UI and site structure in combination with a child theme was chosen. The project section was built with custom templates, a custom post type and an Ajax driven pagination and filter that was displayed as bespoke image grid with alternating horizontal and vertical tiles that used css3 animations on page load.[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row css_animation=”fadeIn”][vc_column][/vc_column][/vc_row][vc_row css_animation=”fadeIn” el_id=”the-result”][vc_column width=”1/6″ offset=”vc_hidden-xs”][/vc_column][vc_column width=”2/3″][vc_custom_heading text=”The Result” font_container=”tag:h2|text_align:center” use_theme_fonts=”yes” el_class=”section-header”][vc_empty_space height=”20px”][vc_single_image image=”185″ img_size=”full” alignment=”center” el_id=”screenshot”][/vc_column][vc_column width=”1/6″ offset=”vc_hidden-xs”][/vc_column][/vc_row][vc_row css_animation=”fadeIn” el_id=”styleguide”][vc_column width=”1/6″ offset=”vc_hidden-xs”][/vc_column][vc_column width=”2/3″][vc_empty_space height=”45px”][vc_custom_heading text=”The Style Guide” font_container=”tag:h3|text_align:center” use_theme_fonts=”yes” el_class=”section-header”][vc_empty_space height=”16px”][vc_single_image image=”213″ img_size=”full” alignment=”center” css=”.vc_custom_1584630924104{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;}” el_class=”info-graphic”][/vc_column][vc_column width=”1/6″ offset=”vc_hidden-xs”][/vc_column][/vc_row][vc_row css_animation=”fadeIn” el_id=”sitemap”][vc_column width=”1/6″ offset=”vc_hidden-xs”][/vc_column][vc_column width=”2/3″][vc_empty_space height=”45px”][vc_custom_heading text=”The Site Map” font_container=”tag:h3|text_align:center” use_theme_fonts=”yes” el_class=”section-header”][vc_empty_space height=”16px”][vc_single_image image=”214″ img_size=”full” alignment=”center”][/vc_column][vc_column width=”1/6″ offset=”vc_hidden-xs”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css_animation=”fadeIn”][vc_column][vc_empty_space height=”45px”][vc_single_image image=”201″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row el_id=”the-technology”][vc_column width=”1/6″ offset=”vc_hidden-xs”][/vc_column][vc_column width=”2/3″][vc_empty_space height=”45px”][vc_custom_heading text=”The Technology” font_container=”tag:h3|text_align:center” use_theme_fonts=”yes” el_class=”section-header”][vc_empty_space height=”16px”][vc_custom_heading text=”Customisations” font_container=”tag:h6|font_size:14px|text_align:center|line_height:1″ use_theme_fonts=”yes” el_class=”sub-section-header”][vc_raw_html el_id=”project-dev”]JTNDdWwlM0UlMEElMDklM0NsaSUzRSUzQ3NwYW4lM0VUaGVtZSUzQSUyMCUzQyUyRnNwYW4lM0UlMjBDdXN0b21pc2VkJTIwQ2hpbGQlMjBUaGVtZSUzQyUyRmxpJTNFJTBBJTA5JTNDbGklM0UlM0NzcGFuJTNFQ3VzdG9tJTIwVGVtcGxhdGVzJTNBJTIwJTNDJTJGc3BhbiUzRSUyMDYlM0MlMkZsaSUzRSUwQSUwOSUzQ2xpJTNFJTNDc3BhbiUzRUN1c3RvbSUyMFBvc3QlMjBUeXBlcyUzQSUyMCUzQyUyRnNwYW4lM0UlMjAxJTNDJTJGbGklM0UlMEElMDklM0NsaSUzRSUzQ3NwYW4lM0VDdXN0b20lMjBUYXhvbm9taWVzJTNBJTIwJTNDJTJGc3BhbiUzRSUyMDIlM0MlMkZsaSUzRSUwQSUwOSUzQ2xpJTNFJTNDc3BhbiUzRUFqYXglMjBGaWx0ZXJzJTNBJTIwJTNDJTJGc3BhbiUzRSUyMDMlM0MlMkZsaSUzRSUwQSUwOSUzQ2xpJTNFJTNDc3BhbiUzRVNob3J0Y29kZXMlM0ElMjAlM0MlMkZzcGFuJTNFJTIwNCUzQyUyRmxpJTNFJTBBJTNDJTJGdWwlM0U=[/vc_raw_html][vc_custom_heading text=”Site Enhancements” font_container=”tag:h6|font_size:14px|text_align:center|line_height:1″ use_theme_fonts=”yes” el_class=”sub-section-header”][vc_raw_html el_id=”project-plugins”]JTNDdWwlM0UlMEElMjAlMjAlMjAlMjAlM0NsaSUzRVdvcmRmZW5jZSUyMFNlY3VyaXR5JTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlM0NsaSUzRVNFTyUyMGJ5JTIwWW9hc3QlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUzQ2xpJTNFR29vZ2xlJTIwQW5hbHl0aWNhdG9yJTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlM0NsaSUzRUJyb2tlbiUyMExpbmslMjBDaGVja2VyJTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlM0NsaSUzRVNob3J0cGl4ZWwlMjBJbWFnZSUyME9wdGltaXNlciUzQyUyRmxpJTNFJTBBJTIwJTIwJTIwJTIwJTNDbGklM0VCYWNrV1B1cCUzQyUyRmxpJTNFJTBBJTIwJTIwJTIwJTIwJTNDbGklM0VpbmZpbml0ZVdQJTNDJTJGbGklM0UlMEElM0MlMkZ1bCUzRQ==[/vc_raw_html][/vc_column][vc_column width=”1/6″ offset=”vc_hidden-xs”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]