Services Website Page Design: A Personal Story
Back in March 2016, I was trying to put together a simple services page for a side project. You know the drill. A few paragraphs about what you do, a couple of icons, maybe a “Get in touch” button. Should be easy, right? I opened a drag-and-drop builder and spent three hours fighting with grids, breakpoints, and a widget that insisted on adding a newsletter signup I didn't want.
It made me wonder: Why is designing a services website page so painful? The answer, I think, is that most tools are built for everything except the one thing you actually need. A clean, focused page that loads fast and works on a phone.
That frustration stuck with me. And a year later, after a lot of planning, coding, and testing, I launched Carrd. A tool designed around a single, narrow idea. One-page sites built from a simple “stack” of elements. No templates, no dashboards, no infinite menu of options. Just you, a stack, and the freedom to design a services page that’s really good.
The Philosophy: Narrow Focus, Deep Customization
When I first sketched Carrd’s editor in early 2015, I wrote down a word: simple. Not “feature-rich” or “powerful.” Simple. I wanted a tool where you could start with a blank canvas and add elements—text, image, button, divider—one on top of another. A vertical stack. That's it.
Why a stack?
Because a services page doesn’t need a three-column layout with a hero section and a parallax background. It needs a headline, a short description, a few bullet points, and a call to action. The product's narrow focus is what keeps it easy to use. There's a natural limit to its complexity. You can't build a full e-commerce store, and that's by design. But you can crank out a gorgeous services website page in under 5 minutes, short of me royally screwing up the builder.But they could
That phrase kept me honest. Users might want a horizontal row of icons. Or a testimonial quote with a photo. So I made the stack flexible. Each element can be customized—colors, fonts, spacing, visibility on mobile. You can even embed a form or a video. The core pattern stays simple. The details are where you make it yours.All Looked Great on Paper, but How Would It Play Out in Practice?
I built the first version, tested it on my own projects, and it worked. But I needed to see if others could design a services page without a manual. So I ran a dry run with a few friends who ran small consulting businesses. I asked them to create a simple “what we do” page using Carrd.
Much to my surprise, the results were good. Really good. One person built a service page with three core offerings, each with an icon, a short description, and a “Learn More” link—all in about four minutes. Another added a contact form and a pricing table, just two columns, but it worked. They didn't ask me for help with CSS. They didn't hit a wall where the tool “couldn’t do that.”
The key? Because the builder itself is mobile-friendly, not just the sites you create. You can design your services page on your phone, too. That wasn't common in 2016. It wasn't 2006, but it wasn't standard either. I made sure the editor worked on a small screen so you could tweak your page while waiting for coffee.
How to Design a Services Website Page Using Carrd
Let me walk you through the process, because it's deceptively simple. No jargon, no steps you'll forget.
1. Start with a blank page
Yes, really. Choose a background color, and you're ready. No template to override, no demo content to delete. Your services page starts empty.2. Add a headline element
Type “What We Do” or “My Services.” Carrd's text elements support basic formatting—bold, italic, links—but keep it clean. A good services page headline tells visitors exactly what you offer.3. Stack your services as blocks
For each service, add an icon or small image, then a title and a short description. Use a Text + Image element or just a Text element with an icon from the library. Stack them vertically. This is the “services website page design” pattern that works on every device.4. Add a call to action
A button that says “Get a Quote” or “Contact Us.” Link it to your email or a form. Simple. You don't need a multi-step funnel.5. Customize what matters
Change fonts to something that fits your brand. Adjust spacing so it breathes. Add a subtle hover effect on the button. Carrd's customization options are deep. You can tweak every color, border, and shadow, but they're all optional. If you're in a hurry, the defaults are already good.6. Preview and publish
Hit “Preview” to see it like a visitor would. Then click “Publish.” Carrd will give you a free subdomain (likeusername.carrd.co), or you can connect a custom domain if you're on a Pro plan. The result is a fully responsive, fast-loading services page that took you under five minutes.
What About Customization and Flexibility?
“But what if I want a different layout?” I hear you ask. You can. While Carrd's core is a vertical stack, you can use columns (two or three) inside a single element to display services side by side. You can also set different background colors for each block, add dividers, or embed a video testimonial. The point is you're not locked into a rigid template. You're building your services page block by block, like a digital LEGO set.
Responsive? Of course.
Every Carrd site is mobile-friendly out of the box. I didn't have to add a magic responsive mode. The stack naturally reflows on small screens. Each element scales down, and you can even hide certain elements on mobile if they don't make sense. Simply built, and it works.Pricing That Matches the Simplicity
Carrd is free to start. You can build and publish one site (with Carrd branding) at no cost. If you need more, Pro plans start at $39/year for 25 sites (Pro Standard 25). That includes custom domains and removes the “Made with Carrd” badge. For serious service providers who manage multiple client pages, there's Pro Standard 500 at $399/year for 500 sites. Pick the one that fits. No hidden fees.
The First Year: A Reality Check
After launching, Carrd hit 10,000+ sites in its first year, with over 900 Pro upgrades. That told me the simple-stack approach resonated. People really wanted a no-fuss way to create a professional services page. The feedback loop was tight. I added dozens of features based on user requests—like custom domain support, Google Analytics integration, and better icon libraries—all while keeping the core dead-simple.
Key Takeaways
- A services website page doesn’t need a complex builder. A vertical stack of elements works on all devices and is intuitive for non-technical users.
- Carrd is built for speed—both in creation and load time. You can design and publish in under 5 minutes, and the resulting page is lightweight.
- Customization exists where it matters. Colors, fonts, animations, and layout tweaks are available, but you can ignore them and still get a great page.
- Free to start, affordable to scale. One free site, or Pro from $39/year for 25 sites.
Want to see what a Carrd services page looks like? Check out the click and drag website builder deep dive for a behind-the-scenes look.