{"id":1825,"date":"2026-05-19T00:29:05","date_gmt":"2026-05-19T07:29:05","guid":{"rendered":"https:\/\/grade-a.store\/services\/?page_id=1825"},"modified":"2026-05-19T00:29:05","modified_gmt":"2026-05-19T07:29:05","slug":"portfolio-webdesign","status":"publish","type":"page","link":"https:\/\/grade-a.store\/services\/portfolio-webdesign\/","title":{"rendered":"Portfolio Webdesign"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div style=\"background: linear-gradient(135deg,#0d2b6b 0%,#1e5bbf 60%,#4a9fd4 100%); color: #fff; padding: 72px 40px; text-align: center;\">\n\n\u00a0\n<p style=\"font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #4a9fd4; font-weight: bold; margin-bottom: 10px;\">Our Work<\/p>\n\n<h1 style=\"font-size: 44px; font-weight: 800; color: #fff; line-height: 1.2; margin-bottom: 18px;\">Real Projects, Real Results<\/h1>\n<p style=\"font-size: 18px; color: rgba(255,255,255,.85); max-width: 580px; margin: 0 auto; line-height: 1.7;\">Every project we take on is an opportunity to solve a real business problem. Here's a look at recent work across industries.<\/p>\n\n<\/div>\n<div style=\"padding: 72px 40px; background: #f5f7fa;\">\n<div style=\"max-width: 1100px; margin: 0 auto;\">\n<div style=\"display: flex; flex-wrap: wrap; gap: 32px; margin-bottom: 32px;\">\n<div style=\"flex: 1; min-width: 280px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,.08);\">\n<div style=\"background: linear-gradient(135deg,#1e5bbf,#0d2b6b); height: 160px; display: flex; align-items: center; justify-content: center; font-size: 56px;\">\ud83d\udda5<\/div>\n<div style=\"padding: 24px;\"><span style=\"background: #e8f0fe; color: #1e5bbf; font-size: 11px; font-weight: bold; padding: 3px 8px; border-radius: 20px; text-transform: uppercase;\">WordPress \u2022 SEO<\/span>\n<h2 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin: 10px 0 8px;\">Law Firm Website Redesign<\/h2>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 14px;\">Rebuilt a 10-year-old static site into a modern WCAG-compliant WordPress site. Organic traffic increased 140% in 6 months.<\/p>\n\n<div style=\"display: flex; gap: 20px;\">\n<div><strong style=\"color: #3b82f6;\">140%<\/strong>\n<small>Traffic Increase<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">2.1s<\/strong>\n<small>Load Time<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">AA<\/strong>\n<small>WCAG 2.1<\/small><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"flex: 1; min-width: 280px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,.08);\">\n<div style=\"background: linear-gradient(135deg,#4a9fd4,#1e5bbf); height: 160px; display: flex; align-items: center; justify-content: center; font-size: 56px;\">\ud83d\uded2<\/div>\n<div style=\"padding: 24px;\"><span style=\"background: #e8f0fe; color: #1e5bbf; font-size: 11px; font-weight: bold; padding: 3px 8px; border-radius: 20px; text-transform: uppercase;\">Shopify \u2022 E-Commerce<\/span>\n<h2 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin: 10px 0 8px;\">Artisan Candle Company Store<\/h2>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 14px;\">Migrated from Etsy to a custom Shopify store. First-month revenue exceeded projections by 35%.<\/p>\n\n<div style=\"display: flex; gap: 20px;\">\n<div><strong style=\"color: #3b82f6;\">35%<\/strong>\n<small>Over Target<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">4.2%<\/strong>\n<small>Conversion Rate<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">1.8s<\/strong>\n<small>Load Time<\/small><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"flex: 1; min-width: 280px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,.08);\">\n<div style=\"background: linear-gradient(135deg,#0d2b6b,#3b82f6); height: 160px; display: flex; align-items: center; justify-content: center; font-size: 56px;\">\ud83c\udfe0<\/div>\n<div style=\"padding: 24px;\"><span style=\"background: #e8f0fe; color: #1e5bbf; font-size: 11px; font-weight: bold; padding: 3px 8px; border-radius: 20px; text-transform: uppercase;\">WordPress \u2022 WooCommerce<\/span>\n<h2 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin: 10px 0 8px;\">Real Estate Agency Portal<\/h2>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 14px;\">Built a property listing portal with IDX, agent bios, mortgage calculator, and booking. 72% mobile traffic, 98 PageSpeed score.<\/p>\n\n<div style=\"display: flex; gap: 20px;\">\n<div><strong style=\"color: #3b82f6;\">72%<\/strong>\n<small>Mobile Traffic<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">98<\/strong>\n<small>PageSpeed<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">AA<\/strong>\n<small>WCAG 2.1<\/small><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 32px;\">\n<div style=\"flex: 1; min-width: 280px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,.08);\">\n<div style=\"background: linear-gradient(135deg,#3b82f6,#4a9fd4); height: 160px; display: flex; align-items: center; justify-content: center; font-size: 56px;\">\ud83c\udf7d<\/div>\n<div style=\"padding: 24px;\"><span style=\"background: #e8f0fe; color: #1e5bbf; font-size: 11px; font-weight: bold; padding: 3px 8px; border-radius: 20px; text-transform: uppercase;\">WordPress \u2022 Local SEO<\/span>\n<h2 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin: 10px 0 8px;\">Restaurant Group Multi-Location Site<\/h2>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 14px;\">4-location restaurant site with online reservations, menu management, and location SEO pages. Ranked #1 locally.<\/p>\n\n<div style=\"display: flex; gap: 20px;\">\n<div><strong style=\"color: #3b82f6;\">+60%<\/strong>\n<small>Reservations<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">#1<\/strong>\n<small>Local Rank<\/small><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"flex: 1; min-width: 280px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,.08);\">\n<div style=\"background: linear-gradient(135deg,#1e5bbf,#4a9fd4); height: 160px; display: flex; align-items: center; justify-content: center; font-size: 56px;\">\ud83d\udcbc<\/div>\n<div style=\"padding: 24px;\"><span style=\"background: #e8f0fe; color: #1e5bbf; font-size: 11px; font-weight: bold; padding: 3px 8px; border-radius: 20px; text-transform: uppercase;\">Custom Build \u2022 SaaS<\/span>\n<h2 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin: 10px 0 8px;\">SaaS Startup Marketing Site<\/h2>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 14px;\">High-converting B2B SaaS site with animated hero, pricing table, feature sections, and HubSpot integration. Demo signups tripled.<\/p>\n\n<div style=\"display: flex; gap: 20px;\">\n<div><strong style=\"color: #3b82f6;\">3x<\/strong>\n<small>Demo Signups<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">1.6s<\/strong>\n<small>Load Time<\/small><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"flex: 1; min-width: 280px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,.08);\">\n<div style=\"background: linear-gradient(135deg,#0d2b6b,#1e5bbf); height: 160px; display: flex; align-items: center; justify-content: center; font-size: 56px;\">\ud83c\udf93<\/div>\n<div style=\"padding: 24px;\"><span style=\"background: #e8f0fe; color: #1e5bbf; font-size: 11px; font-weight: bold; padding: 3px 8px; border-radius: 20px; text-transform: uppercase;\">WordPress \u2022 LMS<\/span>\n<h2 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin: 10px 0 8px;\">Online Course Platform<\/h2>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 14px;\">LearnDash LMS with 20+ courses, Stripe payments, progress tracking, certificates, and a fully accessible student dashboard.<\/p>\n\n<div style=\"display: flex; gap: 20px;\">\n<div><strong style=\"color: #3b82f6;\">20+<\/strong>\n<small>Courses Live<\/small><\/div>\n<div><strong style=\"color: #3b82f6;\">100%<\/strong>\n<small>WCAG AA<\/small><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background: linear-gradient(135deg,#1e5bbf 0%,#0d2b6b 100%); padding: 72px 40px; text-align: center;\">\n<h2 style=\"font-size: 36px; font-weight: 800; color: #fff; margin-bottom: 16px;\">Ready to Add Your Project to This List?<\/h2>\n<p style=\"font-size: 17px; color: rgba(255,255,255,.85); max-width: 480px; margin: 0 auto 28px; line-height: 1.7;\">Let's talk about your goals and how we can build something great together.<\/p>\n<a style=\"display: inline-block; background: #3b82f6; color: #fff; padding: 15px 36px; border-radius: 6px; font-size: 17px; font-weight: bold; text-decoration: none; margin-right: 12px;\" href=\"\/contact\/\">Start a Project<\/a>\n<a style=\"display: inline-block; background: transparent; color: #fff; padding: 14px 36px; border-radius: 6px; font-size: 17px; font-weight: bold; text-decoration: none; border: 2px solid rgba(255,255,255,.6);\" href=\"\/pricing\/\">View Pricing<\/a>\n\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"content-type":"","footnotes":""},"class_list":["post-1825","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/comments?post=1825"}],"version-history":[{"count":1,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1825\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1825\/revisions\/1826"}],"wp:attachment":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/media?parent=1825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}