{"id":476,"date":"2024-12-09T19:14:38","date_gmt":"2024-12-09T19:14:38","guid":{"rendered":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/?p=476"},"modified":"2025-04-02T03:39:38","modified_gmt":"2025-04-02T03:39:38","slug":"trade-fair-website","status":"publish","type":"post","link":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/2024\/12\/09\/trade-fair-website\/","title":{"rendered":"Trade Fair Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"476\" class=\"elementor elementor-476\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-527c786 e-flex e-con-boxed e-con e-parent\" data-id=\"527c786\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4f99a1 elementor-widget elementor-widget-image\" data-id=\"e4f99a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"560\" src=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-2-Large-1024x717.jpeg\" class=\"attachment-large size-large wp-image-910\" alt=\"trade fair website mockup 2\" srcset=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-2-Large-1024x717.jpeg 1024w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-2-Large-300x210.jpeg 300w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-2-Large-768x538.jpeg 768w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-2-Large.jpeg 1280w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a711d5 e-flex e-con-boxed e-con e-parent\" data-id=\"6a711d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7baf62 elementor-widget elementor-widget-spacer\" data-id=\"b7baf62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a0d16a elementor-widget elementor-widget-heading\" data-id=\"1a0d16a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trade Fair Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe5d291 elementor-widget elementor-widget-text-editor\" data-id=\"fe5d291\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>My <strong>Trade Fair Website<\/strong> was the natural next step for my <strong><a href=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/2024\/12\/09\/complete-stationary-set\/\">Branding Project<\/a>, Sol\u00e9a<\/strong>, expanding its visual identity into the digital space. This project, completed for <strong>Semester 4\u2019s Web Design IV<\/strong>, challenged me to design and code a <strong>professional, responsive website from scratch<\/strong> using <strong>HTML and CSS <\/strong>within<strong> WordPress<\/strong>. Building off the vibrant and clean branding developed earlier, I ensured the website mirrored <strong>Sol\u00e9a\u2019s beachy, eco-friendly personality<\/strong>. From the <strong>wave-like curves<\/strong>of the layout to the <strong>sun-and-surf-inspired color palette<\/strong>, every element was crafted to emphasize the brand\u2019s <strong>commitment to sustainability and summer fun<\/strong>.<\/p><p>At the time of creating the website, I didn\u2019t have images from the expo to showcase the real products, so I worked with <strong>conceptual designs and placeholders<\/strong>. Despite this, I was able to include essential pages like <strong>Home, About, Shop, Blog, and Contact<\/strong>, designing them to function seamlessly and create a smooth user experience. The grid-based layouts, interactive elements, and thoughtfully crafted details reflect <strong>Sol\u00e9a\u2019s stylish and contemporary vibe<\/strong> while maintaining its credibility. This project allowed me to blend <strong>my design skills and coding abilities<\/strong>, creating a cohesive brand presence across platforms.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-371bdb4 elementor-widget elementor-widget-spacer\" data-id=\"371bdb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e516cf5 e-flex e-con-boxed e-con e-parent\" data-id=\"e516cf5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a2f404 elementor-widget elementor-widget-image\" data-id=\"9a2f404\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"1000\" src=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-1-Large-819x1024.jpeg\" class=\"attachment-large size-large wp-image-909\" alt=\"trade fair website mockup 1\" srcset=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-1-Large-819x1024.jpeg 819w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-1-Large-240x300.jpeg 240w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-1-Large-768x960.jpeg 768w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-1-Large.jpeg 1024w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfd9685 e-flex e-con-boxed e-con e-parent\" data-id=\"dfd9685\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adcaab1 elementor-widget elementor-widget-image\" data-id=\"adcaab1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"433\" height=\"1280\" src=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-1-Large.jpeg\" class=\"attachment-full size-full wp-image-908\" alt=\"trade fair website\" srcset=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-1-Large.jpeg 433w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-1-Large-101x300.jpeg 101w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-1-Large-346x1024.jpeg 346w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-425c9c0 e-flex e-con-boxed e-con e-parent\" data-id=\"425c9c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4623301 elementor-widget elementor-widget-spacer\" data-id=\"4623301\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da8a03a e-flex e-con-boxed e-con e-parent\" data-id=\"da8a03a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-972a767 elementor-widget elementor-widget-text-editor\" data-id=\"972a767\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wanna see the full website?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-888b393 e-flex e-con-boxed e-con e-parent\" data-id=\"888b393\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35b460d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"35b460d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/web-design\/trade-fair\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a994b2f e-flex e-con-boxed e-con e-parent\" data-id=\"a994b2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d07c381 elementor-widget elementor-widget-spacer\" data-id=\"d07c381\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trade Fair Website My Trade Fair Website was the natural next step for my Branding Project, Sol\u00e9a, expanding its visual identity into the digital space. This project, completed for Semester 4\u2019s Web Design IV, challenged me to design and code a professional, responsive website from scratch using HTML and CSS within WordPress. Building off the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":910,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[19],"class_list":["post-476","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-portfolio","tag-semester-4"],"jetpack_featured_media_url":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tradefair-mockup-2-Large.jpeg","_links":{"self":[{"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/comments?post=476"}],"version-history":[{"count":5,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/476\/revisions"}],"predecessor-version":[{"id":1281,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/476\/revisions\/1281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media\/910"}],"wp:attachment":[{"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media?parent=476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/categories?post=476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/tags?post=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}