How to Use B12 for Building a portfolio site

Why Use B12 for Building a Portfolio Site?

B12 positions itself as an AI-powered website builder that combines artificial intelligence with human designers to create professional websites. For freelancers, consultants, and creative professionals who need a portfolio site without touching code, B12 offers a middle ground between pure DIY builders and hiring a developer.

The platform's main advantage is speed. B12's AI generates a complete website draft in minutes based on your industry and preferences, which a human designer then refines. This means you can have a professional-looking portfolio site live within days rather than weeks.

B12 works particularly well for service-based professionals—photographers, designers, consultants, lawyers, and coaches—who need more than just a gallery. The platform includes built-in scheduling, contact forms, and client intake tools that turn your portfolio into a lead generation machine. If you're a wedding photographer, for example, you can showcase your work while allowing potential clients to book consultation calls directly through your site.

The trade-off is customization. While B12 offers more design flexibility than legacy builders like Wix, it's not as granular as Webflow or even Squarespace. You're working within guardrails that keep the design professional but limit creative freedom. For most portfolio sites, this constraint is actually helpful—it prevents the common mistake of over-designing and keeps the focus on your work.

Pricing starts at $42 per month for the Basic plan, which includes the AI builder, one draft and revision, and core features. Professional plans run $169 monthly and include additional design support and advanced tools. This pricing puts B12 in the mid-tier range—more expensive than pure DIY tools like Carrd ($19/year) but cheaper than maintaining a custom WordPress site with premium plugins.

Step-by-Step Setup

Initial Setup and AI Draft

Start by signing up at B12.com and selecting "Portfolio" as your website type. The AI questionnaire asks about your industry, services, and style preferences. Be specific here—instead of "photographer," say "editorial fashion photographer specializing in emerging designers." The more context you provide, the better your initial draft.

The AI generates a complete site structure in about 90 seconds, including homepage, about page, portfolio gallery, services page, and contact form. This first draft won't be perfect, but it gives you a working foundation. Review the site structure and content carefully. The AI often makes reasonable guesses about your business model and ideal client journey.

Working with the B12 Team

Within 24 hours, a human designer reviews your AI-generated draft and makes improvements. This is where B12 differs from pure DIY builders. Use the feedback tool to communicate specific changes—don't just say "make it better," but rather "the hero section should emphasize my architectural photography, not general real estate work."

You get one revision included with most plans. Make it count by batching your feedback into a single comprehensive request rather than multiple small changes. List priorities clearly: must-haves (like correcting your business name or services) versus nice-to-haves (like adjusting button colors).

Building Your Portfolio Gallery

Navigate to the portfolio or gallery section through the B12 editor. Upload your best work—quality beats quantity. For most portfolios, 12-20 strong pieces make more impact than 50 mediocre ones. B12 optimizes images automatically, but start with high-resolution files (at least 1920px wide for full-width images).

Organize work into categories if you serve multiple markets. A graphic designer might separate "Brand Identity," "Web Design," and "Print Work." Each category becomes filterable on your portfolio page, helping potential clients quickly find relevant examples.

Write meaningful captions for each piece. Instead of "Logo Design for Tech Company," try "Brand identity system for B2B SaaS startup targeting enterprise clients—increased brand recognition by 40% in first quarter." Connect your work to business outcomes whenever possible.

Setting Up Lead Capture Tools

B12 includes built-in contact forms, but go deeper with the scheduler and intake forms on Professional plans. If you're a consultant, create a "Discovery Call" scheduler that integrates with your Google Calendar. Set buffer times between appointments and create custom intake questions that qualify leads before they book.

For example, a wedding photographer might ask: "What's your wedding date?" "What's your photography budget?" and "How did you find my work?" This filters out tire-kickers and gives you context before the call.

Add these CTAs strategically throughout your portfolio. Don't hide the contact form on a separate page—include a "Work with me" section at the bottom of your homepage and after each portfolio category.

Optimizing for Search

B12 handles basic SEO automatically, but you need to customize it. In the page settings for each section, write unique meta descriptions that include location and specialty keywords. A Los Angeles-based interior designer might use: "Residential interior design in Los Angeles specializing in mid-century modern renovations and sustainable materials."

Add alt text to every portfolio image describing both the visual content and the context: "Minimalist bedroom interior design featuring custom walnut platform bed and floor-to-ceiling windows overlooking downtown Portland."

Create a blog section if your industry values thought leadership. A UX designer could publish case studies explaining design decisions, attracting inbound leads from search. B12's blogging tools are basic but functional for this purpose.

Best Practices

Lead with Your Strongest Work

Your homepage hero section determines whether visitors stay or bounce. Feature your absolute best work first—the project you're most proud of or that best represents your ideal client. Don't feel obligated to show everything equally.

For photographers, this usually means one stunning full-width image. For designers, consider a grid of three standout projects. For consultants, lead with a results-focused headline plus a case study highlight.

Create Client-Focused Copy

The biggest mistake on portfolio sites is focusing on what you did rather than the results you delivered. Compare these approaches:

Weak: "Created a new website for local restaurant"
Strong: "Redesigned menu and online ordering flow, increasing takeout orders by 65% in three months"

Throughout your B12 site, connect your work to business outcomes. If you don't have specific metrics, describe the problem you solved: "Helped overwhelmed founder systematize their client onboarding, reducing administrative time from 8 hours to 2 hours per client."

Streamline Your Navigation

B12's templates sometimes include unnecessary pages. Most portfolio sites only need: Home, Work/Portfolio, About, and Contact. If you offer multiple distinct services, add a Services page. Otherwise, integrate service descriptions into your homepage.

Remove pages you won't maintain. An empty blog or news section signals neglect. It's better to have four strong pages than eight mediocre ones.

Optimize for Mobile

B12 automatically creates mobile versions, but check them manually. Preview your portfolio on your phone and test all interactive elements. Make sure images load quickly on cellular connections—if your portfolio takes more than three seconds to load, you'll lose potential clients.

Pay special attention to contact forms on mobile. Are the fields easy to tap? Does the scheduler work smoothly on a small screen? Most portfolio traffic comes from mobile referrals, so this isn't optional.

Use Social Proof Strategically

Add client testimonials to your B12 site, but make them specific and credible. Generic praise ("Great to work with!") doesn't persuade. Look for testimonials that mention specific results or solve common objections:

"I was worried about the cost, but Sarah's brand redesign paid for itself within two months through increased conversion rates."

Include the client's full name, company, and photo when possible. B12 makes it easy to add testimonial sections to any page—put them on your homepage and at the bottom of service pages.

Common Mistakes to Avoid

Overcomplicating the Design

B12's templates are professionally designed. Resist the urge to drastically change colors, fonts, and layouts. The most common portfolio site mistake is making too many design choices that conflict with each other. Stick with one or two fonts, a simple color palette, and plenty of white space.

If you feel the template is too generic, customize through photography and copywriting rather than layout changes. Your unique work should differentiate you, not unusual design choices.

Neglecting Load Times

Even though B12 optimizes images automatically, uploading 50 high-resolution images to a gallery will slow your site. Be selective. If you must show extensive work, create separate project pages with 5-8 images each rather than one massive gallery with 100 images.

Use B12's image compression tools, but also prepare images before uploading. Export JPEGs at 80-85% quality—the file size reduction is significant and quality loss is imperceptible on screens.

Making Contact Too Difficult

Don't force visitors to click three times to reach your contact information. Your email address and phone number (if you accept calls) should appear in the footer of every page. Add a prominent CTA button in your navigation that links to your contact form or scheduler.

Avoid the "mystery meat navigation" approach where visitors can't figure out how to hire you. The goal of your portfolio is generating business, not winning design awards.

Forgetting to Update

A portfolio site from 2019 with no recent work signals you're either not busy (bad) or don't maintain your web presence (also bad). Set a calendar reminder to update your B12 portfolio quarterly. Replace older work with recent projects, update testimonials, and refresh your about page with current accomplishments.

B12 makes updates straightforward through their editor, but you still need to do the work. Budget 30 minutes quarterly for maintenance.

Ignoring Analytics

B12 includes basic analytics showing traffic, popular pages, and form submissions. Actually look at this data monthly. Which portfolio pieces get the most views? Where do visitors drop off? Are mobile visitors converting as well as desktop?

Use these insights to refine your site. If your "Brand Identity" portfolio section gets three times more traffic than other categories, consider making that specialty more prominent on your homepage.

Results You Can Expect

With a well-executed B12 portfolio site, you should see measurable results within the first 90 days. What "good" looks like depends on your promotion efforts and industry, but here are realistic benchmarks:

Timeframe: Your site will be live within 3-7 days of starting with B12, including the AI draft and human designer revision. This is significantly faster than building on WordPress (2-4 weeks) or hiring a freelance designer (4-8 weeks).

Lead Generation: If you're actively promoting your portfolio site through social media, email signatures, and your network, expect 3-10 qualified inquiries in the first month. This assumes you're in an established market with active demand for your services. A wedding photographer in a major city will see faster results than a specialized B2B consultant.

Conversion Rate: Portfolio sites typically convert 2-5% of visitors into contact form submissions or meeting bookings. If you're getting 200 visitors monthly, that's 4-10 potential clients reaching out. Improve this by making your CTA more prominent and adding client testimonials.

Search Visibility: Don't expect immediate SEO results. Search rankings take 3-6 months to develop, even with proper optimization. Focus first on direct traffic (sharing your link) and referral traffic (portfolio platforms, social media, directories). Search traffic will grow over time if you're publishing content and building backlinks.

Time Savings: Compared to managing a custom website, B12 should save you 5-10 hours monthly on technical maintenance and updates. The platform handles security, hosting, and technical optimization automatically. You focus on adding new work and responding to leads.

Business Impact: The real measure is whether your portfolio generates revenue. Track where your clients find you. If your B12 site is responsible for even one client monthly, it's likely paying for itself—most service providers charge far more than $42-169 for a single project.

Alternative Tools for This Use Case

B12 isn't the only option for portfolio sites. Here's how alternatives compare:

Squarespace offers more design control and beautiful templates specifically for portfolios. You handle everything yourself, which takes longer but costs less ($16-49/month). Choose Squarespace if you enjoy design and want full creative control. It requires more hands-on work but rewards effort with highly customized results.

Webflow provides complete design freedom and powerful CMS features for complex portfolios. The learning curve is steep—expect to invest 20-40 hours learning the platform. Pricing runs $14-39/month for basic sites. Choose Webflow if you have time to learn and need advanced features like custom animations or complex filtering.

Adobe Portfolio is included with Creative Cloud subscriptions ($54.99/month for Photography plan, $79.99/month for All Apps). It integrates seamlessly with Lightroom and Behance. Choose Adobe Portfolio if you're already paying for Creative Cloud and want the simplest setup possible. Customization is extremely limited.

Format and Pixpa specialize in creative portfolios with built-in client galleries and e-commerce for print sales. Pricing runs $7-25/month. Choose these if you need client proofing galleries or print sales alongside your portfolio. They're less flexible for non-visual work.

Carrd offers simple one-page sites for $19/year. It's dramatically cheaper but extremely limited—no blog, basic forms, minimal customization. Choose Carrd for a simple landing page that links to external portfolios (Behance, Dribbble) rather than a full standalone site.

WordPress with portfolio themes gives unlimited flexibility but requires ongoing maintenance, security updates, and plugin management. Hosting runs $5-50/month plus premium themes ($60+) and plugins. Choose WordPress if you're technical, need specific features, or plan to scale significantly beyond a basic portfolio.

B12 makes the most sense when you value speed and want design assistance without managing technical details. You're paying for the hybrid AI-plus-human approach and integrated business tools. If budget is your primary concern, Squarespace or Carrd offer more value. If customization matters most, Webflow or WordPress are better choices.

The right choice depends on your priorities: speed, cost, design control, or simplicity. Compare these options directly on FlowSpotter to see detailed feature breakdowns, real user reviews, and pricing calculators that account for your specific needs.