{"id":1234,"date":"2024-09-10T20:48:28","date_gmt":"2024-09-10T20:48:28","guid":{"rendered":"https:\/\/portfolio.reussmedia.dk\/?page_id=1234"},"modified":"2025-09-15T17:21:54","modified_gmt":"2025-09-15T17:21:54","slug":"dripdrop","status":"publish","type":"page","link":"https:\/\/portfolio.reussmedia.dk\/index.php\/dripdrop\/","title":{"rendered":"Dripdrop"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-916518e4 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading has-text-align-center has-roboto-font-family has-xx-large-font-size\"><strong>Dripdrop<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-043e5d72 wp-block-column-is-layout-flow\"><script type=\"text\/javascript\">\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event) { \r\n\tjQuery( '#slider-pro-3-1831' ).sliderPro({\r\n\t\t\/\/width\r\n\t\t\t\twidth: 450,\r\n\t\t\t\t\r\n\t\t\/\/height\r\n\t\t\t\tautoHeight: true,\r\n\t\t\t\t\r\n\t\t\/\/auto play\r\n\t\t\t\t\t\t\t\tautoplay:  false,\r\n\t\t\t\tautoplayDelay: 5000,\r\n\t\t\r\n\t\t\r\n\t\tarrows: true,\r\n\t\tbuttons: true,\r\n\t\tsmallSize: 500,\r\n\t\tmediumSize: 1000,\r\n\t\tlargeSize: 3000,\r\n\t\tfade: true,\r\n\t\t\r\n\t\t\/\/thumbnail\r\n\t\tthumbnailArrows: true,\r\n\t\tthumbnailWidth: 120,\r\n\t\tthumbnailHeight: 120,\r\n\t\t\t\t\t\tthumbnailsPosition: 'bottom',\r\n\t\t\t\t\t\tcenterImage: true,\r\n\t\timageScaleMode: 'cover',\r\n\t\tallowScaleUp: false,\r\n\t\t\t\tstartSlide: 0,\r\n\t\tloop: true,\r\n\t\tslideDistance: 5,\r\n\t\tautoplayDirection: 'normal',\r\n\t\ttouchSwipe: true,\r\n\t\tfullScreen: true,\r\n\t});\r\n});\r\n<\/script>\r\n\r\n\t\t<div id=\"slider-pro-3-1831\" class=\"slider-pro\">\r\n\t\t\t<!---- slides div start ---->\r\n\t\t\t<div class=\"sp-slides\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"6\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/6.png\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"9\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/9.png\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"8\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/8.png\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<!---- slides div end ---->\r\n\t\t\t\t\t\t<!-- slides thumbnails div end -->\r\n\t\t<\/div>\r\n\t\t<style>\r\n\/* Layout 3 *\/\r\n\/* border *\/\r\n#slider-pro-3-1831 .sp-selected-thumbnail {\r\n\tborder: 4px solid #000000;\r\n}\r\n\r\n\/* font + color *\/\r\n.title-in  {\r\n\tfont-family: Arial !important;\r\n\tcolor: #FFFFFF !important;\r\n\tbackground-color: #000000 !important;\r\n\topacity: 0.7 !important;\r\n}\r\n.desc-in  {\r\n\tfont-family: Arial !important;\r\n\tcolor: #FFFFFF !important;\r\n\tbackground-color: #00000 !important;\r\n\topacity: 0.7 !important;\r\n}\r\n\r\n\/* bullets color *\/\r\n.sp-button  {\r\n\tborder: 2px solid #fa9222 !important;\r\n}\r\n.sp-selected-button  {\r\n\tbackground-color: #fa9222 !important;\r\n}\r\n\r\n\/* pointer color - bottom *\/\r\n.sp-selected-thumbnail::before {\r\n\tborder-bottom: 5px solid #000000 !important;\r\n}\r\n.sp-selected-thumbnail::after {\r\n\tborder-bottom: 13px solid #000000 !important;\r\n}\r\n\r\n\/* pointer color - top *\/\r\n\r\n\/* full screen icon *\/\r\n.sp-full-screen-button::before {\r\n    color: #fa9222 !important;\r\n}\r\n\r\n\/* hover navigation icon color *\/\r\n.sp-next-arrow::after, .sp-next-arrow::before {\r\n\tbackground-color: #fa9222 !important;\r\n}\r\n.sp-previous-arrow::after, .sp-previous-arrow::before {\r\n\tbackground-color: #fa9222 !important;\r\n}\r\n\r\n#slider-pro-3-1831 .title-in {\r\n\tcolor: #FFFFFF !important;\r\n\tfont-weight: bolder;\r\n\ttext-align: center;\r\n}\r\n\r\n#slider-pro-3-1831 .title-in-bg {\r\n\tbackground: rgba(255, 255, 255, 0.7); !important;\r\n\twhite-space: unset !important;\r\n\ttransform: initial !important;\r\n\t-webkit-transform: initial !important;\r\n\tfont-size: 14px !important;\r\n}\r\n\r\n#slider-pro-3-1831 .desc-in {\r\n\tcolor: #FFFFFF !important;\r\n\ttext-align: center;\r\n}\r\n#slider-pro-3-1831 .desc-in-bg {\r\n\tbackground: rgba(#00000, 0.7) !important;\r\n\twhite-space: unset !important;\r\n\ttransform: initial !important;\r\n\t-webkit-transform: initial !important;\r\n\tfont-size: 13px !important;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n\t#slider-pro-3-1831 .hide-small-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\t#slider-pro-3-1831 .sp-layer {\r\n\t\tfont-size: 18px;\r\n\t}\r\n\t\r\n\t#slider-pro-3-1831 .hide-medium-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n.slides-not-found {\r\n\tbackground-color: #a92929;\r\n\tborder-radius: 5px;\r\n\tcolor: #fff;\r\n\tfont-family: initial;\r\n\ttext-align: center;\r\n\tpadding:12px;\r\n}\r\n\/* Custom CSS *\/\r\n<\/style>\r\n\n\n\n\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-30e6b28f wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:24px;padding-bottom:var(--wp--preset--spacing--30);padding-left:24px\">\n<p class=\"has-text-align-center has-roboto-font-family has-medium-font-size wp-block-paragraph\">A selection of designs created in Illustrator<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-42c2a5e0 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-group alignwide has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-69584c68 wp-block-group-is-layout-constrained\">\n<p class=\"has-roboto-font-family wp-block-paragraph\" style=\"margin-top:16px\"><strong><strong>Individual exam project from the first semester of the Multimedia Design programme<\/strong><\/strong><\/p>\n\n\n\n<p class=\"has-roboto-font-family has-medium-font-size wp-block-paragraph\">(We were assigned to choose a company to work with, without informing the company. I am therefore only showcasing parts of the project to comply with GDPR regulations.)<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left has-roboto-font-family has-large-font-size\" style=\"margin-top:16px\"><strong>Project<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">Website.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left has-roboto-font-family has-large-font-size\" style=\"margin-top:16px\"><strong>Date<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">2023.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left has-roboto-font-family has-large-font-size\" style=\"margin-top:16px\"><strong>Systems<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">Adobe Xd, Illustrator, InDesign, HTML, CSS, Canva, and Adobe Lightroom.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left has-roboto-font-family has-large-font-size\" style=\"margin-top:16px\"><strong>Who is Dripdrop<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">Dropdrop is a B2B company that sells umbrellas to hotels.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-color has-custom-color-1-background-color has-text-color has-background has-link-color wp-elements-5822648fe05e0ecd2b46c7ab3de97bbb has-global-padding is-layout-constrained wp-container-core-group-is-layout-9180aa93 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-efbad980 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-roboto-font-family has-large-font-size wp-block-paragraph\" style=\"margin-top:8px\"><strong>What was the objective?<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">The purpose of the exam project was to demonstrate what we had learned during the semester across various tools, including Adobe XD, HTML, CSS, JavaScript, Illustrator, InDesign, and Adobe Lightroom.<br>We were expected to show our understanding of how to create wireframes, develop prototypes, and finally code our solution. Another key goal was to demonstrate our ability to use Illustrator to design logos, icons, and other visual elements for the website.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-9180aa93 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-efbad980 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-roboto-font-family has-large-font-size wp-block-paragraph\" style=\"margin-top:8px\"><strong>What was the problem?<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">Each of us was tasked with finding a company that needed improvements to their website. This could include, for example, a missing logo, lack of illustrations, or the need for a website restructure.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-color has-custom-color-1-background-color has-text-color has-background has-link-color wp-elements-a6fe0f4a26f847cfaefbb61258f53e52 has-global-padding is-layout-constrained wp-container-core-group-is-layout-9180aa93 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-efbad980 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-roboto-font-family has-large-font-size wp-block-paragraph\" style=\"margin-top:8px\"><strong>What was the result?<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">The result was a functional website that included both illustrations and a logo, along with new improvements that enhanced the overall site.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-9180aa93 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-efbad980 wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-roboto-font-family has-x-large-font-size wp-block-paragraph\" style=\"margin-top:8px\"><strong><strong>Examples of illustration and prototype<\/strong><\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-bbb43fab wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"207\" height=\"301\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/kvinde-2.png\" alt=\"\" class=\"wp-image-1850\" style=\"width:221px;height:auto\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-a0667636 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"827\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/udsnit.png\" alt=\"\" class=\"wp-image-1860\" style=\"width:435px;height:auto\" srcset=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/udsnit.png 656w, https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/udsnit-238x300.png 238w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dripdrop A selection of designs created in Illustrator Individual exam project from the first semester of the Multimedia Design programme (We were assigned to choose a company to work with, without informing the company. I am therefore only showcasing parts of the project to comply with GDPR regulations.) Project Website. Date 2023. Systems Adobe Xd, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1234","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/pages\/1234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/comments?post=1234"}],"version-history":[{"count":15,"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/pages\/1234\/revisions"}],"predecessor-version":[{"id":2629,"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/pages\/1234\/revisions\/2629"}],"wp:attachment":[{"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}