Apps & digital

Pixel & Code.

A paid members community for indie game developers, with a job board and monthly meetups.

The sentence that was typed

A private members community for indie game developers: paid membership, a member-only forum, a job board and monthly online meetups.

132 characters Start from this sentence

The result.

This is the full homepage WPMaven built, top to bottom. Scroll inside the frame, or press Play scroll.

The homepage

Pixel & Code
The full Pixel & Code homepage: a calm cream community site for indie game developers with member passes, job listings, monthly sessions and a membership application.

Some images on this site were generated with AI.

How it was built, step by step.

Every screenshot below comes from the real build. Click one to see it larger.

  1. Describe the business

    Write the business in a sentence or two, the way you would tell a friend. This one is 132 characters, and that is the whole brief.

    The Describe step for Pixel & Code: the sentence in the WPMaven create box, with a blank site preview taking shape beside it. (opens a larger view)

  2. WPMaven reads it back

    Before it builds anything, WPMaven reads the sentence back as a plan: the business, the team, the pages, the plugins (the add-ons the site runs on) and the first products. It named the community Pixel & Code and planned 10 pages (including Forum, Membership, Job Board and Meetups) with a membership plugin. You can tweak anything before the build starts.

    The read-back for Pixel & Code: the business, the team, the pages, the plugins and the first products, each ready to confirm or edit. (opens a larger view)

  3. A first-year estimate

    WPMaven drafts an estimate from your sentence: how many orders or bookings the first month might bring, how that could grow over a year, the usual size of one and the running costs. The chart carries on to two years. It is an estimate to help you plan, based on assumptions you can change. Once you start selling, your real numbers show next to it on your Home.

    The first-year estimate for Pixel & Code: a chart, a monthly table and the assumptions behind them, which can be edited. The screen says it is an estimate to help you plan. (opens a larger view)

  4. Pick a style

    WPMaven explores four style directions and applies each one to the preview on the left as you try it. Hover one to try it on, click to choose it. Here the direction called Soft Studio was picked.

    Four style directions explored for Pixel & Code, shown as cards; hovering one previews it on the site on the left.Four directions (opens a larger view)The chosen direction, Soft Studio, previewed on the Pixel & Code site on the left.The one picked (opens a larger view)

  5. The team builds it

    The team builds the site while you watch: the homepage first, then every page, a review of each page and the move into WordPress. The progress card on the right names the current phase.

    The build starting for Pixel & Code: a progress card on the right and the chosen style already showing in the preview on the left.Starting (opens a larger view)The build under way for Pixel & Code: the progress card names the current phase while the site fills in on the left.Under way (opens a larger view)

  6. Ready to launch

    When the build ends you get the live preview, a list of what the team did, a drafted launch post and a first week of marketing tasks. The launch post and the marketing tasks are drafts: they go out only after you sign up.

    The Ready to launch screen for Pixel & Code: the finished site on the left, and on the right a list of what the team did, a drafted launch post and a first week of marketing tasks. (opens a larger view)

Watch it get built.

A timelapse of the real build recording, sped up. It has no sound.

In the video: the sentence is typed, WPMaven reads it back, the estimate is drafted, a style is picked, the site takes shape while the team builds it, and the Ready to launch screen appears.

Now build yours.

Describe your own business in a sentence and the team builds it while you watch. Free to build, no card to start.

Build yours See all examples

The box opens with this sentence filled in. Change it to describe your own business.