#site layout

2.03 "Bloodlust" Sawmill Site Plan:

9.23 "Do You Believe in Miracles" Day 8 of 8 Call Sheet + Sides:

Purchased at auction by members of the SPN Script Hunt discord:

11.02 "Form and Void" Days 1 - 8 Call Sheets:

11.05 "Thin Lizzy" Days 1 - 8 Call Sheets:

Small Business Websites That Actually Work

Design that turns casual visitors into paying customers — without the fluff

Intro

Good design isn’t just pretty pixels; for a small business it’s a sales tool. In the first few seconds your site must answer: “What do you sell?” “Who is it for?” and “Can I trust this person?” Get those right with clear hierarchy, breathing space, and a focused call-to-action, and you’ll see easier decisions, fewer abandoned carts, and more repeat visitors. If you want a quick gallery of practical, real-world examples, check the inspiration roundup at https://prateeksha.com/blog/top-20-membership-website-designs?utm_source=tumblr — or explore more resources at https://prateeksha.com/blog?utm_source=tumblr and https://prateeksha.com?utm_source=tumblr.

Where most people go wrong

Too many messages: trying to sell everything on the homepage confuses visitors. A single clear value prop converts better.

Design over clarity: trendy fonts, tiny CTAs, or cluttered imagery look “cool” but make buying harder.

Ignoring mobile: most customers arrive on phones; tap targets, stacked layouts, and fast images matter more than desktop bells and whistles.

A simple 4-step framework (doable this weekend)

Clarify the promise

Write one short headline explaining who you help and how (not features).

Add a one-line subhead with the main benefit and one clear CTA (Book / Buy / Learn).

Structure for scanning

Use big, readable headings, short blocks of text, and clear section breaks.

Prioritize: hero → benefits → social proof → product/offering → CTA.

Design with purpose

Space and contrast: generous margins + high-contrast CTAs guide the eye.

Color: pick 1 brand color and 1 accent (for CTAs); keep backgrounds neutral for readability.

Photos: real product-in-use images beat staged stock for trust.

Remove friction at checkout/contact

Fewer form fields, visible trust signals (reviews, guarantees), and clear shipping/returns info.

On mobile, make buttons thumb-friendly and keep inputs large.

Tips: - Use a sticky nav only if it’s small and helpful (contact/cart). - Add one contextual email capture (e.g., “Get a sizing guide”) instead of annoying pop-ups. - Test one change at a time (CTA color, headline) to know what moves the needle.

Short case study

Local ceramics studio — before: dense homepage full of text, tiny product shots, and a confusing booking form. After: - Headline rewritten to “Handmade mugs you’ll use every day”, - Large hero photo showing a mug in a kitchen, - Single CTA “Book a commissioning call” and an inline three-step booking flow. Result: bookings doubled in six weeks, fewer email questions, and better conversions from Instagram clicks because the message matched the ad.

(You can find more real examples and breakdowns in the inspiration gallery at https://prateeksha.com/blog/top-20-membership-website-designs?utm_source=tumblr.)

FAQs

How much should a small website cost?

Expect a broad range: a simple DIY site can be low-cost; a polished, conversion-focused build with custom work is higher. Budget for photography and copy — they matter more than a fancy template.

Can I DIY or should I hire someone?

If you’re short on time or conversion skills, hiring saves headaches. If you DIY, follow the 4-step framework and get feedback from real customers.

Is mobile really that important?

Yes. If your site isn’t mobile-first, you’re leaving sales on the table.

How many CTAs are too many?

One strong CTA per screen is ideal. Use secondary links (learn more) but keep primary actions obvious.

Conclusion — what to do next

Decide the single value you want visitors to leave with (headline test).

Make your CTA impossible to miss (placement, contrast, copy).

Show real photos and at least one trust signal (review, logo, or guarantee).

Run one experiment this week (change headline or CTA color) and measure.

Simple Site, Big Impact How thoughtful layout, spacing and color turn casual visitors into customers

Intro

Your website is often the first handshake a potential customer gets with your brand. For small businesses and solo founders, that handshake needs to be confident, clear and friendly. Design isn’t decoration—layout, spacing, typography and color guide eyes, build trust and make decisions obvious. A clean hero with a single promise, readable text, clear pricing and visible social proof does more for sales than flashy widgets. If you want quick inspiration, flip through a curated gallery of small-business sites that get this right: https://prateeksha.com/blog/20-successful-small-business-websites-design-that-will-impress-you?utm_source=tumblr. When done well, design reduces friction so people stay, understand and act.

Where most people go wrong

Overcrowded hero: too many messages, no clear primary action. Visitors bounce because they don’t know what to do first.

Styling over substance: pretty visuals without readable copy, pricing, or trust signals (reviews, shipping info).

Ignoring mobile: cramped buttons and tiny tap targets make checkout frustrating for phone users.

Main framework (4 simple steps)

Clarify your promise

Hero = what you do + who for + one action (Book / Shop / Contact).

Tip: use one bold sentence + a short subhead. People scan—don’t force paragraphs.

Build fast scanning paths

Use hierarchy: big headlines, smaller subheads, short bullets.

Tip: consistent spacing and predictable navigation help visitors find what they need in seconds.

Make buying easy and trustworthy

Show price, availability, FAQs, and at least a couple real reviews near product pages.

Tip: include clear shipping/returns info to reduce cart abandonment.

Polish visuals for clarity, not flash

Choose 1–2 brand colors: one for primary CTA, one for accents. Keep contrast high for readability.

Tip: good photos sell—use lifestyle images plus close-ups. Optimize for speed so pages load quickly.

Short case study

A local surf school was losing booking calls because their homepage felt like a brochure. We focused the hero on one action: “Book a Lesson” with a big orange button, added a short benefits list (safety, small groups, equipment included), and moved testimonials above the fold. Within four weeks bookings from the website rose 32% and bounce rate fell—mostly because people immediately understood the offer and how to act. Small changes to hierarchy and CTAs delivered measurable revenue.

FAQs

How much design do I actually need?

Start with the essentials: clear hero, product/service details, pricing, and one prominent CTA. You can add bells later.

Do I need professional photos?

Great photos help, but authentic smartphone shots (good lighting, simple background) plus honest copy often outperform stock images.

What’s more important: color or copy?

Both matter, but copy tells the story. Color guides attention—use it to highlight your single most important action.

How can I test changes?

Try one change at a time (CTA color, headline, photo). Track clicks or bookings for a week and compare.

Conclusion — keep it simple, sell more

Clarify one main promise on every page.

Use spacing and typography to make scanning effortless.

Show price, social proof and shipping/return clarity to reduce hesitation.

Focus on mobile-first layouts and fast images.

Here are the better and improved sketches ! 

Changed up but mostly cleaned up the previous sketch, added some more subheaders. At first my idea was to add all the works on the homepage, but I realized it would be too messy and too unorganized, so I decided to organize it a bit. 

I honestly really like this design. It’s very neat, kind of colorful but not too harsh or distracting. I’m not sure about the works pages however, they look kind of empty and messy, and it doesn’t feel the same as the home pages, but I guess I’ll clean that up too if I get a better idea. I’m also thinking about what I will do with works that are only text-based, because I have a feeling it’ll be too empty that way. 

RPG/Site DIV Layout: Wild Side Code: Here