[vc_row full_width=”stretch_row_content” full_height=”yes” content_placement=”middle” css_animation=”none” el_id=”page-header”][vc_column][vc_empty_space height=”120px”][vc_custom_heading source=”post_title” font_container=”tag:h1|text_align:center” use_theme_fonts=”yes” el_id=”page-title” css=”.vc_custom_1508327026007{margin-bottom: 0px !important;}”][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=”182″ img_size=”full” alignment=”center” css_animation=”top-to-bottom”][vc_icon type=”the7″ icon_the7=”fas fa-long-arrow-alt-down” color=”custom” align=”center” custom_color=”#1e434c” link=”url:%23the-brief|||” el_class=”scroll-down”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” content_placement=”middle” css_animation=”none” css=”.vc_custom_1507924158864{background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}” el_id=”the-brief”][vc_column width=”1/4″ offset=”vc_col-sm-offset-0 vc_hidden-xs”][vc_single_image image=”216″ img_size=”full” css_animation=”fadeInLeft”][/vc_column][vc_column css_animation=”fadeInUp” width=”1/2″ offset=”vc_col-xs-12″][vc_row_inner gap=”30″][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][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”]The objective was to create corporate information brochures that the Boston Consulting Group provides to potential new clients that inform of their services and consultancy experts in any given industry sector. The key requirement was to enable consultants to make changes to these manuals while negotiations were already underway and the “brochures” already having been handed out. Their previous solution created with iBooks Author was too complicated for repeated download of updates.[/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”]The solution was to create these “booklets” as WordPress sites. Content created with page builder Visual Composer was easy to update, also for non technical staff and allowed changes or additions during runtime of a project. To provide a similar look and feel to the previous iBook format, WordPress content was rendered with reveal.js, a JavaScript based presentation slider, that provided swipe navigation with attractive 3d transitions in all four directions on Boston Consulting Group’s device of choice, the iPad.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/4″ offset=”vc_col-sm-offset-0 vc_hidden-xs”][vc_single_image image=”215″ img_size=”full” alignment=”right” css_animation=”fadeInRight”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” css_animation=”fadeIn” el_id=”carousel”][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:h3|text_align:center” use_theme_fonts=”yes” css_animation=”none” el_class=”section-header” css=”.vc_custom_1507933102981{margin-bottom: 40px !important;}”]

[/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_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=”218″ img_size=”full” alignment=”center” css=”.vc_custom_1584641002243{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 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”]JTNDdWwlM0UlMEElMDklM0NsaSUzRSUzQ3NwYW4lM0VUaGVtZSUzQSUyMCUzQyUyRnNwYW4lM0UlMjBDdXN0b20lM0MlMkZsaSUzRSUwQSUwOSUzQ2xpJTNFJTNDc3BhbiUzRU5hdmlnYXRpb24lM0ElMjAlM0MlMkZzcGFuJTNFJTIwcmV2ZWFsLmpzJTNDJTJGbGklM0UlMEElMDklM0NsaSUzRSUzQ3NwYW4lM0VDdXN0b20lMjBUZW1wbGF0ZXMlM0ElMjAlM0MlMkZzcGFuJTNFJTIwMSUzQyUyRmxpJTNFJTBBJTA5JTNDbGklM0UlM0NzcGFuJTNFQ3VzdG9tJTIwUG9zdCUyMFR5cGVzJTNBJTIwJTNDJTJGc3BhbiUzRSUyMDIlM0MlMkZsaSUzRSUwQSUwOSUzQ2xpJTNFJTNDc3BhbiUzRUN1c3RvbSUyMFRheG9ub21pZXMlM0ElMjAlM0MlMkZzcGFuJTNFJTIwNSUzQyUyRmxpJTNFJTBBJTA5JTNDbGklM0UlM0NzcGFuJTNFU2hvcnRjb2RlcyUzQSUyMCUzQyUyRnNwYW4lM0UlMjAzJTNDJTJGbGklM0UlMEElMDklM0NsaSUzRSUzQ3NwYW4lM0VUaGVtZSUyME9wdGlvbnMlM0ElMjAlM0MlMkZzcGFuJTNFJTIwT3B0aW9uJTIwVHJlZSUzQyUyRmxpJTNFJTBBJTA5JTNDbGklM0UlM0NzcGFuJTNFUGFnZSUyMEJ1aWxkZXIlM0ElM0MlMkZzcGFuJTNFJTIwVmlzdWFsJTIwQ29tcG9zZXIlM0MlMkZsaSUzRSUwQSUwOSUzQ2xpJTNFJTNDc3BhbiUzRVNsaWRlciUzQSUyMCUzQyUyRnNwYW4lM0UlMjBNYXN0ZXIlMjBTbGlkZXIlM0MlMkZsaSUzRSUwQSUzQyUyRnVsJTNF[/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”]JTNDdWwlM0UlMEElMjAlMjAlMjAlMjAlM0NsaSUzRVdvcmRmZW5jZSUzQyUyRmxpJTNFJTBBJTIwJTIwJTIwJTIwJTNDbGklM0VHb29nbGUlMjBBbmFseXRpY2F0b3IlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUzQ2xpJTNFQnJva2VuJTIwTGluayUyMENoZWNrZXIlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUzQ2xpJTNFU2hvcnRwaXhlbCUyMEltYWdlJTIwT3B0aW1pc2VyJTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlM0NsaSUzRUJhY2tXUHVwJTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlM0NsaSUzRWluZmluaXRlV1AlM0MlMkZsaSUzRSUwQSUzQyUyRnVsJTNF[/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]