{"id":1813,"date":"2026-05-19T00:27:49","date_gmt":"2026-05-19T07:27:49","guid":{"rendered":"https:\/\/grade-a.store\/services\/?page_id=1813"},"modified":"2026-05-19T00:27:49","modified_gmt":"2026-05-19T07:27:49","slug":"about-webdesign","status":"publish","type":"page","link":"https:\/\/grade-a.store\/services\/about-webdesign\/","title":{"rendered":"About 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 Story<\/p>\n\n<h1 style=\"font-size: 44px; font-weight: 800; color: #fff; line-height: 1.2; margin-bottom: 18px;\">We Build Websites That Work as Hard as You Do<\/h1>\n<p style=\"font-size: 18px; color: rgba(255,255,255,.85); max-width: 620px; margin: 0 auto; line-height: 1.7;\">Grade-A Web Design is a New York-based web design and development studio dedicated to building beautiful, accessible, and high-performing websites for businesses of all sizes.<\/p>\n\n<\/div>\n<div style=\"padding: 72px 40px; background: #fff;\">\n<div style=\"max-width: 960px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 52px; align-items: flex-start;\">\n<div style=\"flex: 2; min-width: 280px;\">\n<p style=\"font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #3b82f6; font-weight: bold; margin-bottom: 10px;\">Who We Are<\/p>\n\n<h2 style=\"font-size: 32px; font-weight: 800; color: #0d2b6b; margin-bottom: 20px;\">A Studio That Puts Your Business First<\/h2>\n<p style=\"font-size: 16px; color: #4a5568; line-height: 1.75; margin-bottom: 20px;\">Grade-A Web Design was founded with a simple mission: deliver agency-quality web design without the agency price tag or the agency runaround. We work directly with business owners, marketers, and entrepreneurs to build websites that actually move the needle.<\/p>\n<p style=\"font-size: 16px; color: #4a5568; line-height: 1.75; margin-bottom: 20px;\">We believe every business \u2014 no matter its size \u2014 deserves a website that is fast, accessible, visually compelling, and built to convert. That's not a tagline. That's how we approach every single project.<\/p>\n<p style=\"font-size: 16px; color: #4a5568; line-height: 1.75;\">Based in New York, we work with clients across the United States and globally. From a solo entrepreneur launching a personal brand to a regional company needing a full e-commerce rebuild, we bring the same level of care and craftsmanship to every project.<\/p>\n\n<\/div>\n<div style=\"flex: 1; min-width: 240px;\">\n<div style=\"background: #f5f7fa; border-radius: 12px; padding: 36px; border-top: 4px solid #3b82f6;\">\n<h3 style=\"font-size: 18px; font-weight: bold; color: #0d2b6b; margin-bottom: 20px;\">By the Numbers<\/h3>\n<div style=\"margin-bottom: 20px;\">\n<div style=\"font-size: 36px; font-weight: 900; color: #3b82f6;\">50+<\/div>\n<div style=\"font-size: 14px; color: #4a5568; font-weight: 600;\">Projects Delivered<\/div>\n<\/div>\n<div style=\"margin-bottom: 20px;\">\n<div style=\"font-size: 36px; font-weight: 900; color: #3b82f6;\">100%<\/div>\n<div style=\"font-size: 14px; color: #4a5568; font-weight: 600;\">WCAG 2.1 AA Compliance<\/div>\n<\/div>\n<div style=\"margin-bottom: 20px;\">\n<div style=\"font-size: 36px; font-weight: 900; color: #3b82f6;\">5\u2605<\/div>\n<div style=\"font-size: 14px; color: #4a5568; font-weight: 600;\">Average Client Rating<\/div>\n<\/div>\n<div>\n<div style=\"font-size: 36px; font-weight: 900; color: #3b82f6;\">NY<\/div>\n<div style=\"font-size: 14px; color: #4a5568; font-weight: 600;\">Based, Serving Everywhere<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 72px 40px; background: #f5f7fa;\">\n<div style=\"max-width: 960px; margin: 0 auto;\">\n<p style=\"font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #3b82f6; font-weight: bold; margin-bottom: 10px; text-align: center;\">Our Values<\/p>\n\n<h2 style=\"font-size: 32px; font-weight: 800; color: #0d2b6b; margin-bottom: 44px; text-align: center;\">What We Stand For<\/h2>\n<div style=\"display: flex; flex-wrap: wrap; gap: 28px; justify-content: center;\">\n<div style=\"background: #fff; border-radius: 12px; padding: 32px; flex: 1; min-width: 220px; max-width: 280px; border-top: 4px solid #1e5bbf;\">\n<div style=\"font-size: 32px; margin-bottom: 12px;\">\u26f9<\/div>\n<h3 style=\"font-size: 17px; font-weight: bold; color: #0d2b6b; margin-bottom: 10px;\">Accessibility First<\/h3>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65;\">We design and build every site to meet WCAG 2.1 AA standards. Accessible design isn't a checkbox \u2014 it's the right thing to do and it's good for business.<\/p>\n\n<\/div>\n<div style=\"background: #fff; border-radius: 12px; padding: 32px; flex: 1; min-width: 220px; max-width: 280px; border-top: 4px solid #1e5bbf;\">\n<div style=\"font-size: 32px; margin-bottom: 12px;\">\u26a1<\/div>\n<h3 style=\"font-size: 17px; font-weight: bold; color: #0d2b6b; margin-bottom: 10px;\">Performance Obsessed<\/h3>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65;\">A slow website loses customers. We optimize every project for Core Web Vitals, targeting sub-2-second load times on mobile and desktop.<\/p>\n\n<\/div>\n<div style=\"background: #fff; border-radius: 12px; padding: 32px; flex: 1; min-width: 220px; max-width: 280px; border-top: 4px solid #1e5bbf;\">\n<div style=\"font-size: 32px; margin-bottom: 12px;\">\ud83d\ude4f<\/div>\n<h3 style=\"font-size: 17px; font-weight: bold; color: #0d2b6b; margin-bottom: 10px;\">Radical Transparency<\/h3>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65;\">No hidden fees, no scope creep surprises, no black-box deliverables. You always know what you're paying for and why.<\/p>\n\n<\/div>\n<div style=\"background: #fff; border-radius: 12px; padding: 32px; flex: 1; min-width: 220px; max-width: 280px; border-top: 4px solid #1e5bbf;\">\n<div style=\"font-size: 32px; margin-bottom: 12px;\">\ud83d\udcac<\/div>\n<h3 style=\"font-size: 17px; font-weight: bold; color: #0d2b6b; margin-bottom: 10px;\">Long-Term Partnership<\/h3>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65;\">We don't just build and vanish. Our maintenance plans, support, and ongoing SEO services mean we're invested in your long-term success.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 72px 40px; background: #fff;\">\n<div style=\"max-width: 960px; margin: 0 auto;\">\n<p style=\"font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #3b82f6; font-weight: bold; margin-bottom: 10px; text-align: center;\">Our Process<\/p>\n\n<h2 style=\"font-size: 32px; font-weight: 800; color: #0d2b6b; margin-bottom: 44px; text-align: center;\">How We Work<\/h2>\n<div style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;\">\n<div style=\"text-align: center; flex: 1; min-width: 160px; max-width: 200px;\">\n<div style=\"width: 56px; height: 56px; background: #1e5bbf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 22px; font-weight: 900; color: #fff; line-height: 56px;\">1<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #0d2b6b; margin-bottom: 8px;\">Discovery<\/h3>\n<p style=\"font-size: 13px; color: #4a5568; line-height: 1.6;\">We learn your business, goals, audience, and competitors in a free strategy call.<\/p>\n\n<\/div>\n<div style=\"text-align: center; flex: 1; min-width: 160px; max-width: 200px;\">\n<div style=\"width: 56px; height: 56px; background: #1e5bbf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 22px; font-weight: 900; color: #fff; line-height: 56px;\">2<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #0d2b6b; margin-bottom: 8px;\">Design<\/h3>\n<p style=\"font-size: 13px; color: #4a5568; line-height: 1.6;\">We create wireframes and mockups for your approval before writing a single line of code.<\/p>\n\n<\/div>\n<div style=\"text-align: center; flex: 1; min-width: 160px; max-width: 200px;\">\n<div style=\"width: 56px; height: 56px; background: #1e5bbf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 22px; font-weight: 900; color: #fff; line-height: 56px;\">3<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #0d2b6b; margin-bottom: 8px;\">Build<\/h3>\n<p style=\"font-size: 13px; color: #4a5568; line-height: 1.6;\">We develop your site with clean code, fast loading, and full accessibility built in.<\/p>\n\n<\/div>\n<div style=\"text-align: center; flex: 1; min-width: 160px; max-width: 200px;\">\n<div style=\"width: 56px; height: 56px; background: #1e5bbf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 22px; font-weight: 900; color: #fff; line-height: 56px;\">4<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #0d2b6b; margin-bottom: 8px;\">Review<\/h3>\n<p style=\"font-size: 13px; color: #4a5568; line-height: 1.6;\">You review the live staging site and we refine until you're 100% satisfied.<\/p>\n\n<\/div>\n<div style=\"text-align: center; flex: 1; min-width: 160px; max-width: 200px;\">\n<div style=\"width: 56px; height: 56px; background: #1e5bbf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 22px; font-weight: 900; color: #fff; line-height: 56px;\">5<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #0d2b6b; margin-bottom: 8px;\">Launch<\/h3>\n<p style=\"font-size: 13px; color: #4a5568; line-height: 1.6;\">We deploy, configure DNS, set up backups, and hand off with full documentation.<\/p>\n\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;\">Let's Work Together<\/h2>\n<p style=\"font-size: 17px; color: rgba(255,255,255,.85); max-width: 480px; margin: 0 auto 28px; line-height: 1.7;\">Ready to start your project? We'd love to hear about your business and how we can help.<\/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;\" href=\"\/contact\/\">Get in Touch<\/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-1813","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1813","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=1813"}],"version-history":[{"count":1,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1813\/revisions"}],"predecessor-version":[{"id":1814,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1813\/revisions\/1814"}],"wp:attachment":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/media?parent=1813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}