{"id":668,"date":"2024-02-27T05:44:19","date_gmt":"2024-02-27T05:44:19","guid":{"rendered":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/?page_id=668"},"modified":"2024-02-27T06:29:58","modified_gmt":"2024-02-27T06:29:58","slug":"e-commerce-site-designs","status":"publish","type":"page","link":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/","title":{"rendered":"E-commerce site designs"},"content":{"rendered":"<h3 class=\"wp-block-heading\"><strong>Step 1. Pick a Product<\/strong><\/h3><p class=\"wp-block-paragraph\" style=\"font-size:18px\">My fictitious e-commerce site will specialize in selling handmade forged goods, such as chisels, punches, camping axes, hammers, as well as decorative pieces like coat hangers and fire pokers with neat twists and decorative flourishes. <\/p><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\"><strong>Step 2. Decide on Payment Methods<\/strong><\/h3><p class=\"wp-block-paragraph\" style=\"font-size:18px\">In my research for this project, I settled on <a href=\"https:\/\/stripe.com\/?utm_campaign=US_en_Search_Brand_Stripe_EXA-20839462206&amp;utm_medium=cpc&amp;utm_source=google&amp;ad_content=683853401230&amp;utm_term=stripe&amp;utm_matchtype=e&amp;utm_adposition=&amp;utm_device=c&amp;gad_source=1&amp;gclid=CjwKCAiAivGuBhBEEiwAWiFmYRWHrb1dkRpdTczqYomB7Vx2ChPeiOqyVGc7A3H_fOgTDoAmMl3-xxoCM1gQAvD_BwE\">Stripe<\/a> for a payment gateway. However, I learned that it may be somewhat difficult to set up, so if I run into trouble I will use <a href=\"https:\/\/www.paypal.com\/\">PayPal<\/a>. Regardless, I chose stripe because I like how flexible it is with its plethora of features as well as its fees being cheaper than PayPal&#8217;s. <\/p><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\"><strong>Step 3. Decide on Shipping Methods and Costs<\/strong><\/h3><p class=\"wp-block-paragraph\" style=\"font-size:18px\">I would choose to use USPS ground for deliveries because it seems they would charge a little less than UPS for the kinds of goods I would need shipped. And given my forge is fairly near to the USPS post office in Grand Marais, MN I think it&#8217;d be convenient to drop the goods off there before they go across country. <\/p><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\"><strong>Step 4. Decide on how you would like to setup your website<\/strong><\/h3><h5 class=\"wp-block-heading\"><strong>A. <\/strong>Find an ecommerce site that sells your proposed product (or a product similar) and review their setup. Take Screenshots for your report<\/h5><p class=\"wp-block-paragraph\" style=\"font-size:18px\">For this step I looked at several sites including <a href=\"https:\/\/www.etsy.com\/\">Etsy.com<\/a>, <a href=\"https:\/\/www.condortk.com\/\">Condor Tool &amp; Knife<\/a>, <a href=\"https:\/\/www.crkt.com\/\">CRKT<\/a>, and finally <a href=\"https:\/\/www.brentbaileyforge.com\/\">Brent Bailey Forge<\/a>. The following are screenshots of Brent Bailey&#8217;s website, which I think is much more comparable to something I&#8217;d be able to do in this class. <\/p><figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"615\" data-id=\"670\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-1024x615.png\" alt=\"An e-commerce product page\" class=\"wp-image-670\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-1024x615.png 1024w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-300x180.png 300w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-768x461.png 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-1536x923.png 1536w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-600x361.png 600w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool.png 1581w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A product page<\/figcaption><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"661\" data-id=\"669\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/cart-1024x661.png\" alt=\"An e-commerce cart\" class=\"wp-image-669\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/cart-1024x661.png 1024w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/cart-300x194.png 300w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/cart-768x496.png 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/cart-600x387.png 600w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/cart.png 1474w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Store cart<\/figcaption><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"716\" data-id=\"671\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paymentPage-1024x716.png\" alt=\"An e-commerce payment page\" class=\"wp-image-671\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paymentPage-1024x716.png 1024w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paymentPage-300x210.png 300w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paymentPage-768x537.png 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paymentPage-600x420.png 600w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paymentPage.png 1271w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Payment page<\/figcaption><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" data-id=\"672\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/brentBaileyStore-1024x623.png\" alt=\"An e-commerce storefront\" class=\"wp-image-672\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/brentBaileyStore-1024x623.png 1024w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/brentBaileyStore-300x183.png 300w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/brentBaileyStore-768x467.png 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/brentBaileyStore-1536x935.png 1536w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/brentBaileyStore-600x365.png 600w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/brentBaileyStore.png 1548w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Storefront<\/figcaption><\/figure><\/figure><p class=\"wp-block-paragraph\">*Photos above are from <a href=\"https:\/\/www.brentbaileyforge.com\">https:\/\/www.brentbaileyforge.com<\/a><\/p><p class=\"wp-block-paragraph\" style=\"font-size:18px\">I like how simple Brent&#8217;s site is. I also like his color scheme of black, orange, and white. He&#8217;s hardly the first to use these colors, but I like the meaning behind them nonetheless. Black reminds me of the firescale that forms as you heat steel. The orange reminds me of a piece at working temperature, and the white reminds me of the blinding color a properly operated coal forge should be. I also like the how he utilizes the categories on the left, so you can find just what you&#8217;re looking for, without wasting time. One criticism I have, however, is that many of the products don&#8217;t have adequate descriptions. For example, the splitting maul on the top row doesn&#8217;t have information about what kind of steel the head is made out of or what kind of wood the handle is made from. <\/p><div style=\"height:78px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h4 class=\"wp-block-heading\" style=\"font-size:25px\"><strong>B.<\/strong> Prospective E-Commerce Site Q&amp;A<\/h4><style>#sp-ea-667 .spcollapsing { height: 0; overflow: hidden; transition-property: height;transition-duration: 300ms;}#sp-ea-667.sp-easy-accordion>.sp-ea-single {margin-bottom: 10px; border: 1px solid #e2e2e2; }#sp-ea-667.sp-easy-accordion>.sp-ea-single>.ea-header a {color: #444;}#sp-ea-667.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {background: #fff; color: #444;}#sp-ea-667.sp-easy-accordion>.sp-ea-single {background: #eee;}#sp-ea-667.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon { float: left; color: #444;font-size: 16px;}<\/style><div id=\"sp_easy_accordion-1709008677\">\n<div id=\"sp-ea-667\" class=\"sp-ea-one sp-easy-accordion\" data-ea-active=\"ea-click\" data-ea-mode=\"vertical\" data-preloader=\"\" data-scroll-active-item=\"\" data-offset-to-scroll=\"0\">\n\n<!-- Start accordion card div. -->\n<div class=\"ea-card ea-expand sp-ea-single\">\n\t<!-- Start accordion header. -->\n\t<h3 class=\"ea-header\">\n\t\t<!-- Add anchor tag for header. -->\n\t\t<a class=\"collapsed\" id=\"ea-header-6670\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse6670\" aria-controls=\"collapse6670\" href=\"#\"  aria-expanded=\"true\" tabindex=\"0\">\n\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-minus\"><\/i> 1. What makes a good e-commerce web site? \t\t<\/a> <!-- Close anchor tag for header. -->\n\t<\/h3>\t<!-- Close header tag. -->\n\t<!-- Start collapsible content div. -->\n\t<div class=\"sp-collapse spcollapse collapsed show\" id=\"collapse6670\" data-parent=\"#sp-ea-667\" role=\"region\" aria-labelledby=\"ea-header-6670\">  <!-- Content div. -->\n\t\t<div class=\"ea-body\">\n\t\t<ul>\n<li>Pages are easily navigable with an intuitive user interface<\/li>\n<li>Includes good quality images, videos, and descriptions of products<\/li>\n<li>Products are grouped into categories according to type<\/li>\n<li>An effective search feature<\/li>\n<li>Implements a solid product review system<\/li>\n<li>Offers competitive prices<\/li>\n<li>Offers a variety of payment and shipping options<\/li>\n<li>The site is responsive (works well on different devices)<\/li>\n<li>Pages load quickly<\/li>\n<\/ul>\n\t\t<\/div> <!-- Close content div. -->\n\t<\/div> <!-- Close collapse div. -->\n<\/div> <!-- Close card div. -->\n<!-- Start accordion card div. -->\n<div class=\"ea-card  sp-ea-single\">\n\t<!-- Start accordion header. -->\n\t<h3 class=\"ea-header\">\n\t\t<!-- Add anchor tag for header. -->\n\t\t<a class=\"collapsed\" id=\"ea-header-6671\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse6671\" aria-controls=\"collapse6671\" href=\"#\"  aria-expanded=\"false\" tabindex=\"0\">\n\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> 2. What makes a bad web site?\t\t<\/a> <!-- Close anchor tag for header. -->\n\t<\/h3>\t<!-- Close header tag. -->\n\t<!-- Start collapsible content div. -->\n\t<div class=\"sp-collapse spcollapse \" id=\"collapse6671\" data-parent=\"#sp-ea-667\" role=\"region\" aria-labelledby=\"ea-header-6671\">  <!-- Content div. -->\n\t\t<div class=\"ea-body\">\n\t\t<ul>\n<li>Pages that take forever to load<\/li>\n<li>Pages that are a pain to navigate on mobile because they don't scale well (text is too small or screen is cluttered, etc.)<\/li>\n<li>Mandatory signup on non membership\/subscription based sites. This annoys a lot of shoppers and may even make them turn away to another store.<\/li>\n<\/ul>\n\t\t<\/div> <!-- Close content div. -->\n\t<\/div> <!-- Close collapse div. -->\n<\/div> <!-- Close card div. -->\n<!-- Start accordion card div. -->\n<div class=\"ea-card  sp-ea-single\">\n\t<!-- Start accordion header. -->\n\t<h3 class=\"ea-header\">\n\t\t<!-- Add anchor tag for header. -->\n\t\t<a class=\"collapsed\" id=\"ea-header-6672\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse6672\" aria-controls=\"collapse6672\" href=\"#\"  aria-expanded=\"false\" tabindex=\"0\">\n\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> 3a. Goals of the site\t\t<\/a> <!-- Close anchor tag for header. -->\n\t<\/h3>\t<!-- Close header tag. -->\n\t<!-- Start collapsible content div. -->\n\t<div class=\"sp-collapse spcollapse \" id=\"collapse6672\" data-parent=\"#sp-ea-667\" role=\"region\" aria-labelledby=\"ea-header-6672\">  <!-- Content div. -->\n\t\t<div class=\"ea-body\">\n\t\t<p>The site goal is to provide a satisfactory shopping experience, and to sell unique hand-forged tools and decorative steel goods geared towards outdoorsmen, craftsmen, and those who like metal fixtures with a rustic feel.<\/p>\n\t\t<\/div> <!-- Close content div. -->\n\t<\/div> <!-- Close collapse div. -->\n<\/div> <!-- Close card div. -->\n<!-- Start accordion card div. -->\n<div class=\"ea-card  sp-ea-single\">\n\t<!-- Start accordion header. -->\n\t<h3 class=\"ea-header\">\n\t\t<!-- Add anchor tag for header. -->\n\t\t<a class=\"collapsed\" id=\"ea-header-6673\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse6673\" aria-controls=\"collapse6673\" href=\"#\"  aria-expanded=\"false\" tabindex=\"0\">\n\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> 3b. Target audience(s) for the site \t\t<\/a> <!-- Close anchor tag for header. -->\n\t<\/h3>\t<!-- Close header tag. -->\n\t<!-- Start collapsible content div. -->\n\t<div class=\"sp-collapse spcollapse \" id=\"collapse6673\" data-parent=\"#sp-ea-667\" role=\"region\" aria-labelledby=\"ea-header-6673\">  <!-- Content div. -->\n\t\t<div class=\"ea-body\">\n\t\t<p>My target audience would be lovers of the outdoors, craftsmen, and anyone who needs reliable tools with character. Additionally, those who may want rustic decorative pieces like twisted coat hangers, fire pokers, and more.<\/p>\n\t\t<\/div> <!-- Close content div. -->\n\t<\/div> <!-- Close collapse div. -->\n<\/div> <!-- Close card div. -->\n<!-- Start accordion card div. -->\n<div class=\"ea-card  sp-ea-single\">\n\t<!-- Start accordion header. -->\n\t<h3 class=\"ea-header\">\n\t\t<!-- Add anchor tag for header. -->\n\t\t<a class=\"collapsed\" id=\"ea-header-6674\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse6674\" aria-controls=\"collapse6674\" href=\"#\"  aria-expanded=\"false\" tabindex=\"0\">\n\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> 3c. Color schemes, fonts, page layouts, etc.\t\t<\/a> <!-- Close anchor tag for header. -->\n\t<\/h3>\t<!-- Close header tag. -->\n\t<!-- Start collapsible content div. -->\n\t<div class=\"sp-collapse spcollapse \" id=\"collapse6674\" data-parent=\"#sp-ea-667\" role=\"region\" aria-labelledby=\"ea-header-6674\">  <!-- Content div. -->\n\t\t<div class=\"ea-body\">\n\t\t<p>*Please see the paletton.com color palette and page layout images below this Q&amp;A section.<\/p>\n\t\t<\/div> <!-- Close content div. -->\n\t<\/div> <!-- Close collapse div. -->\n<\/div> <!-- Close card div. -->\n<!-- Start accordion card div. -->\n<div class=\"ea-card  sp-ea-single\">\n\t<!-- Start accordion header. -->\n\t<h3 class=\"ea-header\">\n\t\t<!-- Add anchor tag for header. -->\n\t\t<a class=\"collapsed\" id=\"ea-header-6675\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse6675\" aria-controls=\"collapse6675\" href=\"#\"  aria-expanded=\"false\" tabindex=\"0\">\n\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> 3d. Site navigation methods\t\t<\/a> <!-- Close anchor tag for header. -->\n\t<\/h3>\t<!-- Close header tag. -->\n\t<!-- Start collapsible content div. -->\n\t<div class=\"sp-collapse spcollapse \" id=\"collapse6675\" data-parent=\"#sp-ea-667\" role=\"region\" aria-labelledby=\"ea-header-6675\">  <!-- Content div. -->\n\t\t<div class=\"ea-body\">\n\t\t<p>I will have a navigation bar at the top of each page. I will also have product category nav links in the store, as well as a search bar for customers to find products.<\/p>\n\t\t<\/div> <!-- Close content div. -->\n\t<\/div> <!-- Close collapse div. -->\n<\/div> <!-- Close card div. -->\n<!-- Start accordion card div. -->\n<div class=\"ea-card  sp-ea-single\">\n\t<!-- Start accordion header. -->\n\t<h3 class=\"ea-header\">\n\t\t<!-- Add anchor tag for header. -->\n\t\t<a class=\"collapsed\" id=\"ea-header-6676\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse6676\" aria-controls=\"collapse6676\" href=\"#\"  aria-expanded=\"false\" tabindex=\"0\">\n\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> 3e. Graphics\t\t<\/a> <!-- Close anchor tag for header. -->\n\t<\/h3>\t<!-- Close header tag. -->\n\t<!-- Start collapsible content div. -->\n\t<div class=\"sp-collapse spcollapse \" id=\"collapse6676\" data-parent=\"#sp-ea-667\" role=\"region\" aria-labelledby=\"ea-header-6676\">  <!-- Content div. -->\n\t\t<div class=\"ea-body\">\n\t\t<p>One logo will be present in the upper left and possibly footer of each page. There will also be images for each product in the store.<\/p>\n\t\t<\/div> <!-- Close content div. -->\n\t<\/div> <!-- Close collapse div. -->\n<\/div> <!-- Close card div. -->\n<\/div>\n<\/div>\n<div style=\"height:39px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h4 class=\"wp-block-heading\">Planned Color Palette:<\/h4><figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"829\" height=\"640\" data-id=\"677\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paletton.png\" alt=\"Color palette\" class=\"wp-image-677\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paletton.png 829w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paletton-300x232.png 300w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paletton-768x593.png 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/paletton-600x463.png 600w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><figcaption class=\"wp-element-caption\">Color palette<\/figcaption><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"815\" height=\"655\" data-id=\"678\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/palettonExample.png\" alt=\"An example of a color palette being used on a template website\" class=\"wp-image-678\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/palettonExample.png 815w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/palettonExample-300x241.png 300w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/palettonExample-768x617.png 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/palettonExample-600x482.png 600w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><figcaption class=\"wp-element-caption\">Color palette example<\/figcaption><\/figure><\/figure><p class=\"wp-block-paragraph\">*Photos above are from <a href=\"https:\/\/paletton.com\/#uid=10u0u0kr231bKtW++sbqFg0xycI\">https:\/\/paletton.com\/#uid=10u0u0kr231bKtW++sbqFg0xycI<\/a><\/p><div style=\"height:78px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h4 class=\"wp-block-heading\"><strong>b. <\/strong>Website Layout and Inter-connectivity<\/h4><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/home-768x1024.jpg\" alt=\"Home page design\" class=\"wp-image-688\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/home-768x1024.jpg 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/home-225x300.jpg 225w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/home-1152x1536.jpg 1152w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/home-1536x2048.jpg 1536w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/home-600x800.jpg 600w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/home-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">Home page<\/figcaption><\/figure><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/shop-768x1024.jpg\" alt=\"Store page design\" class=\"wp-image-685\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/shop-768x1024.jpg 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/shop-225x300.jpg 225w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/shop-1152x1536.jpg 1152w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/shop-1536x2048.jpg 1536w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/shop-600x800.jpg 600w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/shop-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">Shop page<\/figcaption><\/figure><figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/about-768x1024.jpg\" alt=\"About us page design\" class=\"wp-image-686\" style=\"width:760px;height:auto\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/about-768x1024.jpg 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/about-225x300.jpg 225w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/about-1152x1536.jpg 1152w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/about-1536x2048.jpg 1536w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/about-600x800.jpg 600w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/about-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">About Us page<\/figcaption><\/figure><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/contact-768x1024.jpg\" alt=\"Contact us page design\" class=\"wp-image-687\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/contact-768x1024.jpg 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/contact-225x300.jpg 225w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/contact-1152x1536.jpg 1152w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/contact-1536x2048.jpg 1536w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/contact-600x800.jpg 600w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/contact-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">Contact Us page<\/figcaption><\/figure><p class=\"wp-block-paragraph\" style=\"font-size:18px\">All pages will be accessible to each page, because they will all share the same top navigation bar. Some pages will also have internal links to other pages inside their own content sections. <\/p>","protected":false},"excerpt":{"rendered":"<p>Step 1. Pick a Product My fictitious e-commerce site will specialize in selling handmade forged goods, such as chisels, punches, camping axes, hammers, as well as decorative pieces like coat hangers and fire pokers with neat twists and decorative flourishes. Step 2. Decide on Payment Methods In my research for this project, I settled on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"zakra_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"footnotes":""},"class_list":["post-668","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>E-commerce site designs - Test Site<\/title>\n<meta name=\"description\" content=\"Step 1. Pick a Product My fictitious e-commerce site will specialize in selling handmade forged goods, such as chisels, punches, camping axes, hammers, as\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E-commerce site designs - Test Site\" \/>\n<meta property=\"og:description\" content=\"Step 1. Pick a Product My fictitious e-commerce site will specialize in selling handmade forged goods, such as chisels, punches, camping axes, hammers, as\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/\" \/>\n<meta property=\"og:site_name\" content=\"Test Site\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-27T06:29:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-1024x615.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/\",\"url\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/\",\"name\":\"E-commerce site designs - Test Site\",\"isPartOf\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-1024x615.png\",\"datePublished\":\"2024-02-27T05:44:19+00:00\",\"dateModified\":\"2024-02-27T06:29:58+00:00\",\"description\":\"Step 1. Pick a Product My fictitious e-commerce site will specialize in selling handmade forged goods, such as chisels, punches, camping axes, hammers, as\",\"breadcrumb\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#primaryimage\",\"url\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool.png\",\"contentUrl\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool.png\",\"width\":1581,\"height\":950,\"caption\":\"A product page\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"E-commerce site designs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#website\",\"url\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/\",\"name\":\"Test Site\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/f6ec89a131f8e60e173b79fc9e6ec60f\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/f6ec89a131f8e60e173b79fc9e6ec60f\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1e0aa4bac4344e06293bd9d4efb6e4c13a384dc49cc65a8a951b7854e913c2c4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1e0aa4bac4344e06293bd9d4efb6e4c13a384dc49cc65a8a951b7854e913c2c4?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"E-commerce site designs - Test Site","description":"Step 1. Pick a Product My fictitious e-commerce site will specialize in selling handmade forged goods, such as chisels, punches, camping axes, hammers, as","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/","og_locale":"en_US","og_type":"article","og_title":"E-commerce site designs - Test Site","og_description":"Step 1. Pick a Product My fictitious e-commerce site will specialize in selling handmade forged goods, such as chisels, punches, camping axes, hammers, as","og_url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/","og_site_name":"Test Site","article_modified_time":"2024-02-27T06:29:58+00:00","og_image":[{"url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-1024x615.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/","url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/","name":"E-commerce site designs - Test Site","isPartOf":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#primaryimage"},"image":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#primaryimage"},"thumbnailUrl":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool-1024x615.png","datePublished":"2024-02-27T05:44:19+00:00","dateModified":"2024-02-27T06:29:58+00:00","description":"Step 1. Pick a Product My fictitious e-commerce site will specialize in selling handmade forged goods, such as chisels, punches, camping axes, hammers, as","breadcrumb":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#primaryimage","url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool.png","contentUrl":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/02\/hotCutTool.png","width":1581,"height":950,"caption":"A product page"},{"@type":"BreadcrumbList","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/e-commerce-site-designs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/"},{"@type":"ListItem","position":2,"name":"E-commerce site designs"}]},{"@type":"WebSite","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#website","url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/","name":"Test Site","description":"","publisher":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/f6ec89a131f8e60e173b79fc9e6ec60f"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/f6ec89a131f8e60e173b79fc9e6ec60f","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1e0aa4bac4344e06293bd9d4efb6e4c13a384dc49cc65a8a951b7854e913c2c4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1e0aa4bac4344e06293bd9d4efb6e4c13a384dc49cc65a8a951b7854e913c2c4?s=96&d=mm&r=g","caption":"admin"},"logo":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite"]}]}},"_links":{"self":[{"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/pages\/668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/comments?post=668"}],"version-history":[{"count":25,"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/pages\/668\/revisions"}],"predecessor-version":[{"id":710,"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/pages\/668\/revisions\/710"}],"wp:attachment":[{"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/media?parent=668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}