## Why We Built a Visual Page Builder When we launched Lucky Desk, page creation was functional but technical. You could build any layout — but you needed to understand our block system, work with configuration objects, and preview changes in a separate step. It worked, but "it works" isn't good enough for something you do every week. We watched how our users actually build pages: marketing managers creating landing pages, operations teams setting up internal dashboards, business owners updating their company website. They all wanted the same thing — to see what they're building while they build it. So we built a visual page builder. Not a simplified version. Not a "lite mode." The full page builder, but with a drag-and-drop interface that shows your changes in real time. ## How It Works The builder opens in a split view. On the left: your available blocks. On the right: a live preview of your page. **Adding blocks.** Drag a block from the panel onto your page. Drop it where you want it. The block appears immediately in the preview, with placeholder content ready to be customized. **Arranging layout.** Drag blocks up or down to reorder them. Use layout blocks (columns, grids, sections) to create multi-column designs. Nest blocks inside layout containers for complex arrangements. **Editing content.** Click any block in the preview to select it. The settings panel shows all available options for that block — text content, images, colors, spacing, links. Changes appear instantly in the preview. **Responsive preview.** Toggle between desktop, tablet, and mobile views to see how your page adapts. Adjust settings per breakpoint if needed. ## The Block Library We ship with 30+ blocks covering the most common page-building scenarios: **Content blocks.** Rich text, headings, images, videos, quotes, code snippets. The fundamentals you need for any page. **Layout blocks.** Columns (2, 3, 4-wide), sections with background options, spacers, dividers. Control your page structure without touching CSS. **Feature blocks.** Feature grids, comparison tables, pricing cards, testimonial sliders, FAQ accordions, team member cards. Pre-designed patterns you can customize. **Form blocks.** Contact forms, newsletter signups, survey forms. Connected to your form handling system — submissions go where you configure them. **Navigation blocks.** Menus, breadcrumbs, CTAs, back-to-top buttons. Keep visitors moving through your site. **Data blocks.** Tables, charts, dynamic lists that pull from your data. For internal dashboards and data-driven pages. Each block is designed with sensible defaults. Drop a pricing card on the page and it already looks professional. Customize the content, adjust colors to match your brand, and you're done. ## What Makes This Different There are hundreds of page builders. Here's what makes ours worth your attention: **It's part of your platform, not a separate tool.** Your pages connect to your data, your forms, your user management, your content workflows. A pricing page can pull prices from your product catalog. A team page can list team members from your organization data. A status page can show real-time data from your systems. **Multilingual by design.** Every text field supports translation. Switch between language versions of your page in one click. Content in one language doesn't overwrite another. Translation workflows apply to page content just like any other content type. **No vendor lock-in.** Your pages are stored as structured data, not in a proprietary format. Export them, migrate them, or modify them programmatically. You're never trapped. **Performance built in.** Pages built with the visual builder generate optimized HTML. Images are lazy-loaded and served in modern formats. CSS is minimal and scoped. You don't sacrifice page speed for visual editing convenience. **Consistent with your brand.** Set your brand colors, fonts, and spacing once in theme settings. Every block inherits your brand defaults. No more fighting with blocks that ignore your brand guidelines. ## Real Examples **A landing page for a product launch.** Marketing creates a page with a hero section, feature highlights, customer testimonials, and a CTA — all in 30 minutes. Previously: file a request with the developer, wait two days, review, request changes, wait another day. **An internal knowledge base page.** Operations adds a structured page with tabs for different topics, embedded videos, downloadable documents, and a feedback form. Previously: a Google Doc that nobody could find. **A customer portal dashboard.** The customer success team builds a welcome page for new clients with onboarding steps, resource links, and a support contact form. Previously: a generic email with a list of links. **A job posting page.** HR creates a careers page with open positions, company culture photos, benefits overview, and an application form. Previously: posting on job boards only, with no dedicated careers presence. ## Getting Started If you're already on Lucky Desk, the visual builder is available now. Open any page in edit mode and click "Visual Editor" in the toolbar. For new pages: 1. Go to Pages → Create New Page 2. Choose "Start with Visual Editor" 3. Pick a template or start from a blank page 4. Drag blocks, customize content, preview on different devices 5. Publish when you're happy For existing pages: 1. Open the page in edit mode 2. Click "Visual Editor" 3. Your existing blocks appear in the visual editor, ready to rearrange and customize The visual builder works alongside our other editing modes. Switch between visual, code, and structured editing depending on what you're doing. Some people prefer visual for layout and switch to structured editing for fine-tuning data connections. ## What's Coming Next The visual builder is the foundation. Over the coming months, we're adding: - **AI layout suggestions** — describe what you want, get a layout draft to customize - **More block types** — maps, timelines, interactive calculators - **Page templates** — professionally designed starting points for common use cases - **Collaborative editing** — see who else is editing and work on different sections simultaneously We built the visual page builder because we believe everyone on your team should be able to create professional pages without waiting in a development queue. Try it and tell us what you think.