{"id":1366,"date":"2020-08-08T21:00:00","date_gmt":"2020-08-08T19:00:00","guid":{"rendered":"http:\/\/wcs.cs.uct.ac.za\/?p=1366"},"modified":"2020-09-28T18:46:26","modified_gmt":"2020-09-28T16:46:26","slug":"wics-website-revamp","status":"publish","type":"post","link":"http:\/\/wcs.cs.uct.ac.za\/index.php\/2020\/08\/08\/wics-website-revamp\/","title":{"rendered":"WICS Website Revamp"},"content":{"rendered":"\n<p>This year (2020), WICS has undergone many changes, and one of those changes has been the revamping of our website which hadn\u2019t been updated since the year WICS became recognized as an official UCT society back in 2016 by our very first committee.<\/p>\n\n\n\n<p>It was important for 2020\u2019s executive committee to continue the vision of what was started \u2013 because let\u2019s face it, a lot has changed in the past 4 years. Now more than ever, there is an urgency to have a digital footprint that showcases what you\/your organisation is all about. We felt it necessary to protect the legacy our alumni\u2019s, but also bring about the highly anticipated change.&nbsp; <\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>We needed something to direct our members and potential\/ existing sponsors to, so they can keep updated about our upcoming events activities as well as how they can get involved.<\/p><\/blockquote>\n\n\n\n<h2>Revamp Implementation<\/h2>\n\n\n\n<p>Once we were set on what we wanted done, the mission was to put it into action. WICS announced the &#8220;Website Revamp Project&#8221; to the rest of the society and asked the members if any of them were interested in being part of the development team headed by Zukiswa Lobola. <\/p>\n\n\n\n<h3>Prototyping using Draftium<\/h3>\n\n\n\n<p>To get us started, we developed a prototype using Draftium, a wire-frame tool, that allows you to create prototypes, wire-frames and mock-ups of a website online for free. This allowed us to visualize the website using mock-ups without having to actually build it. The drag and drop features, as well as the front-end customizable themes really made the prototyping process smooth and effortless. You&#8217;re welcome to take a look at site prototype <a href=\"http:\/\/3jmdx.draftium.site\" data-type=\"URL\" data-id=\"3jmdx.draftium.site\">here<\/a>.<\/p>\n\n\n\n<h3>Development with WordPress<\/h3>\n\n\n\n<p>We received 8 applicants from the society, 1 of which was Renee Panday \u2013 who fortunately had experience in building WordPress websites, and steered us in the direction of using Elementor.<\/p>\n\n\n\n<p>Elementor is a wonderful tool to get your feet wet in building a WordPress site. Rene advised us to get started using the <a href=\"https:\/\/www.youtube.com\/watch?v=-TPpwuB6dnI\">Elementor Overview Tutorial<\/a> to get familiar with the environment \u2013 which was a great stepping stone.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe loading=\"lazy\" title=\"Elementor Tutorial: Getting Started - 3 minutes Overview\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/-TPpwuB6dnI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><figcaption><span class=\"has-inline-color has-vivid-cyan-blue-color\">Elementor Overview<\/span><\/figcaption><\/figure>\n\n\n\n<p>Developing a website using students sounds all good and well until the hype dies down. <\/p>\n\n\n\n<ul><li>We faced many obstacles down the line:<ul><li>The Covid-19 pandemic, which meant everything had to be done virtually with no face-to-face interactions.<\/li><\/ul><ul><li>A tight deadline. We had scheduled 2 weeks of actual implementation time for the project as there were other pressing student commitments coming up.<\/li><\/ul><ul><li>A majority of the team didn&#8217;t have prior knowledge of working with WordPress, and subsequently had to learn &#8220;<em>on-the-job<\/em>&#8220;.<\/li><li>A dwindling number of the development team. Even though the project took place during mid-term vacation, applicants slowly backed out one by one.<\/li><\/ul><\/li><\/ul>\n\n\n\n<p>In the end we were only left with 2 people, Rene and Zukiswa, who were so devoted the websites vision that they brought it to life.<\/p>\n\n\n\n<figure class=\"wp-container-2 wp-block-gallery-1 wp-block-gallery columns-2 is-cropped circle-image\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" width=\"585\" height=\"585\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Rene-Panday-2.png\" alt=\"\" data-id=\"1369\" data-full-url=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Rene-Panday-2.png\" data-link=\"http:\/\/wcs.cs.uct.ac.za\/?attachment_id=1369\" class=\"wp-image-1369\" srcset=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Rene-Panday-2.png 585w, http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Rene-Panday-2-300x300.png 300w, http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Rene-Panday-2-150x150.png 150w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><figcaption class=\"blocks-gallery-item__caption\">Renee Panday<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" width=\"474\" height=\"475\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Zukiswa-Lobola-2.jpg\" alt=\"\" data-id=\"1371\" data-full-url=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Zukiswa-Lobola-2.jpg\" data-link=\"http:\/\/wcs.cs.uct.ac.za\/?attachment_id=1371\" class=\"wp-image-1371\" srcset=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Zukiswa-Lobola-2.jpg 474w, http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Zukiswa-Lobola-2-300x300.jpg 300w, http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Zukiswa-Lobola-2-150x150.jpg 150w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><figcaption class=\"blocks-gallery-item__caption\">Zukiswa Lobola<\/figcaption><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\"><span class=\"has-inline-color has-vivid-cyan-blue-color\">Development Team<\/span><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Going forward, we are focusing on developing our blog post to become a more regular feature \u2013 particularly the members stories section as we believe that this will further instill the community aspect of WICS. Hearing stories of others journeys opens up the world so we can relate on some level and know that we are not alone. The journey for WICS continues on!<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2>See the before &amp; after the revamp<\/h2>\n\n\n\n<figure class=\"wp-block-jetpack-image-compare\"><div class=\"juxtapose\" data-mode=\"horizontal\"><img loading=\"lazy\" id=\"1407\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Home-2016.png\" alt=\"\" width=\"1410\" height=\"1438\" class=\"image-compare__image-before\"\/><img loading=\"lazy\" id=\"1405\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Home.png\" alt=\"\" width=\"2012\" height=\"5820\" class=\"image-compare__image-after\"\/><\/div><figcaption>Home Page<br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-jetpack-image-compare\"><div class=\"juxtapose\" data-mode=\"horizontal\"><img loading=\"lazy\" id=\"1409\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/About-2016.png\" alt=\"\" width=\"1809\" height=\"2100\" class=\"image-compare__image-before\"\/><img loading=\"lazy\" id=\"1408\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/About.png\" alt=\"\" width=\"2000\" height=\"4517\" class=\"image-compare__image-after\"\/><\/div><figcaption>About Us Page<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-container-3 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<figure class=\"wp-block-jetpack-image-compare\"><div class=\"juxtapose\" data-mode=\"horizontal\"><img loading=\"lazy\" id=\"1413\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Blog-2016-1.png\" alt=\"\" width=\"1806\" height=\"3134\" class=\"image-compare__image-before\"\/><img loading=\"lazy\" id=\"1412\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Blog.png\" alt=\"\" width=\"2000\" height=\"3861\" class=\"image-compare__image-after\"\/><\/div><figcaption>Blog Page<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<figure class=\"wp-block-jetpack-image-compare\"><div class=\"juxtapose\" data-mode=\"horizontal\"><img loading=\"lazy\" id=\"1415\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Sponsor-2016.png\" alt=\"\" width=\"1816\" height=\"2381\" class=\"image-compare__image-before\"\/><img loading=\"lazy\" id=\"1414\" src=\"http:\/\/wcs.cs.uct.ac.za\/wp-content\/uploads\/2020\/09\/Sponsor-1.png\" alt=\"\" width=\"2000\" height=\"3177\" class=\"image-compare__image-after\"\/><\/div><figcaption>Sponsorship Page<\/figcaption><\/figure>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This year (2020), WICS has undergone many changes, and one of those changes has been the revamping of our website which hadn\u2019t been updated since the year WICS became recognized as an official UCT society back in 2016 by our very first committee. It was important for 2020\u2019s executive committee to continue the vision of &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"http:\/\/wcs.cs.uct.ac.za\/index.php\/2020\/08\/08\/wics-website-revamp\/\"> <span class=\"screen-reader-text\">WICS Website Revamp<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":3,"featured_media":1386,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"plain-container","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"categories":[7,4],"tags":[],"_links":{"self":[{"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/posts\/1366"}],"collection":[{"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/comments?post=1366"}],"version-history":[{"count":11,"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/posts\/1366\/revisions"}],"predecessor-version":[{"id":1430,"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/posts\/1366\/revisions\/1430"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/media\/1386"}],"wp:attachment":[{"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/media?parent=1366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/categories?post=1366"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wcs.cs.uct.ac.za\/index.php\/wp-json\/wp\/v2\/tags?post=1366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}