Author: MRS Digital

  • New block interactions in WordPress 6.8

    New block interactions in WordPress 6.8

    WordPress continues to evolve from a simple blogging tool into a fully-fledged website design and development platform. With each new release, the block editor (Gutenberg) gains features that move it closer to a complete design system. WordPress 6.8 introduces a host of new block interactions that reshape how creators build, manage, and enhance their websites. These changes reduce reliance on custom code, improve usability, and open doors for richer, more dynamic site experiences.

    In this article, we’ll explore the major updates to block interactions in WordPress 6.8, why they matter, and how you can make the most of them in your workflow.

    What are block interactions?

    Block interactions refer to the ways users can manipulate and customise blocks – the fundamental building elements of modern WordPress. From text and images to forms and dynamic layouts, every element on a page is a block. Interactions determine how you move, configure, animate, or integrate these blocks with others.

    In earlier versions of WordPress, block editing was powerful but sometimes clunky. Common tasks like rearranging layouts or styling specific elements required external CSS or plugins. With WordPress 6.8, these pain points are being addressed, making block editing more seamless and intuitive.

    Key features of block interactions in WP 6.8

    1. Advanced drag-and-drop

    The drag-and-drop interface has been completely overhauled. Instead of awkwardly shifting blocks, users can now snap elements into grid-based layouts or nest blocks fluidly within containers. This makes it easier to create magazine-style pages, complex portfolios, or responsive layouts without struggling with alignment.

    Why it matters: Non-technical users gain confidence when layouts behave predictably. Developers spend less time fixing broken structures.

    What our Design team say:

    “As a designer, I see WordPress 6.8 as a big step forward in reducing the gap between vision and execution. Before, I’d hand over static mockups and cross my fingers that the build matched my intent. Now, with contextual editing and block-level animations, I can shape the experience directly. It’s closer to designing in Figma, but the output is a live website. My only concern is that with more tools in the hands of non-designers, consistency might slip – but with proper design systems in place, this release is a win for creativity and speed.”

    2. Contextual settings panels

    Previously, editing a block’s properties often meant navigating sidebars or menus. In WordPress 6.8, contextual settings appear right where you’re working. Hovering over a block reveals inline controls for margins, typography, colours, and more.

    Benefit: This reduces friction in the editing process, cutting down the time between design ideas and execution. It feels closer to professional design tools like Figma or Sketch, but with the power of a live website.

    3. Block-level animations

    For the first time, WordPress introduces native animation options for blocks. Users can apply fades, slides, and subtle motion effects directly from the editor. Previously, this required third-party plugins or JavaScript knowledge.

    Example use cases:

    • Fade-in text for blog intros.
    • Sliding image galleries for portfolios.
    • Animated call-to-action buttons to boost conversions.

    SEO note: Google increasingly values user experience signals, including interactivity. Smooth animations can improve engagement metrics like time-on-page.

    4. Enhanced nesting and grouping

    Complex designs often require blocks within blocks. WordPress 6.8 makes this process smoother with enhanced nesting support. For example, you can now create a multi-column layout inside a card, within a grid – without breaking the design.

    This mirrors how developers structure HTML containers but translates it into a visual, no-code environment.

    5. Developer APIs for custom interactions

    For advanced users, new APIs allow developers to define custom block interactions. This means plugin and theme developers can build blocks with specialised behaviours that match brand or business needs.

    Examples:

    • A custom product showcase block for eCommerce sites.
    • Interactive data visualisations for reports.
    • Drag-to-compare image sliders for case studies.

    What our Dev team say:

    “From a developer’s perspective, these updates are a mixed bag – in a good way. On one hand, the new APIs for custom interactions are great because they let us extend WordPress without hacking things together. On the other, the more that gets baked into core, the more I need to keep an eye on performance and plugin compatibility. I like that clients can now handle simple layout tweaks without pinging me for every change, but I also know I’ll be the one troubleshooting when someone adds twenty animated blocks on a page. Overall, though, it’s progress.”

    Why these updates matter

    Democratising web design

    WordPress has always aimed to democratise publishing. With these updates, it now democratises design. Non-coders can craft sophisticated experiences without outsourcing everything to a developer.

    Faster prototyping

    Design teams can use WordPress itself as a prototyping tool, reducing the need for constant back-and-forth between design and development teams. What you design is what you publish.

    Consistency across devices

    Improved responsiveness and nested structures mean fewer design breakages across desktop, tablet, and mobile.

    How to use block interactions in your workflow

    Step 1: Explore the new editor

    Take time to experiment in a staging environment. Familiarise yourself with the updated controls, especially inline settings and animations.

    Step 2: Redesign a key page

    Choose a high-traffic page (like your homepage or a product landing page) and rework it using the new features. Track engagement changes in analytics.

    Step 3: Train your team

    If you work in an agency or organisation, run a short training session. Show non-technical team members how they can update layouts without developer input.

    Step 4: Extend with plugins

    Check if your favourite plugins have been updated to leverage the new APIs. Many will offer extended animation or interaction libraries.

    Potential challenges

    Learning curve

    Although easier overall, the sheer number of options may overwhelm beginners. Clear tutorials and templates will help.

    Compatibility issues

    Older themes or plugins may not support advanced nesting or animations. Test thoroughly before pushing changes live.

    Performance Considerations

    Animations and complex layouts can affect site speed if overused. Balance aesthetics with performance.

    The future of WordPress design

    WordPress 6.8 isn’t just another incremental update. It signals a shift towards WordPress becoming a true design platform. Over the next few years, we can expect even tighter integration with design tools, AI-assisted layout suggestions, and more interactive features built directly into the editor.

    For designers and developers, this means fewer silos. For businesses, it means faster, more cost-effective site management.

    Conclusion

    The new block interactions in WordPress 6.8 make site building more intuitive, flexible, and powerful. Whether you’re a solo blogger, a creative agency, or a large enterprise, these features can streamline workflows and open up fresh design possibilities.

    Now is the time to explore, experiment, and embrace these changes — because WordPress is no longer just about publishing content; it’s about designing experiences.

  • How to create the perfect design brief

    How to create the perfect design brief

    Every successful design project starts with a strong foundation – the design brief. A well-written brief is more than a to-do list; it’s a roadmap that aligns clients, designers, and project teams toward a shared goal. Without one, projects drift, miscommunication sets in and the final results often fall short of everyone’s expectations.

    But what makes a website design brief “perfect”? In 2025, with businesses demanding efficiency and clarity, a perfect design brief must be clear, comprehensive, and collaborative while leaving enough space for creativity. In this post we explore the essential elements of a great brief, common mistakes to avoid, and practical steps to ensure your project starts right.

    Why the design brief matters

    A design brief serves multiple purposes:

    • Clarifies expectations – sets boundaries for budget, timelines, and deliverables.
    • Aligns stakeholders – ensures everyone shares the same vision.
    • Guides creativity – gives designers a framework without limiting innovation.
    • Prevents rework – avoids costly rounds of revision caused by unclear direction.

    In short, a strong design brief is the difference between smooth progress and endless course correction.

    The core elements of a perfect design brief

    1. Project background

    Provide context. Why does this project exist? What problem is it solving? This isn’t about overwhelming detail but painting a clear picture of the company, market, and goals.

    Example: “We’re rebranding our website to position ourselves as leaders in sustainable fashion. The new site should reflect our eco-friendly values while appealing to young, design-conscious customers.”

    2. Objectives and goals

    State the primary goals of the project. Are you aiming for increased sales, improved brand perception, or better usability? A brief with measurable goals creates focus.

    Bad: “We want it to look modern.”
    Good: “We need a website that increases online sales by 20% in six months and reduces bounce rate on mobile.”

    3. Target audience

    Design is always about people. A great brief defines the audience personas – their demographics, behaviours, and motivations.

    Tip: Go beyond age and gender. Describe pain points and desires. A product for “young professionals who value convenience and minimal design” is more useful than “18–35-year-olds.”

    4. Deliverables and scope

    Outline exactly what’s expected: logos, website pages, packaging mock-ups, etc. Be specific. This avoids scope creep, where projects balloon because details weren’t nailed down.

    Checklist for deliverables:

    • Formats (print, digital, social)
    • Quantity (e.g., 3 logo variations, 5 social post templates)
    • File types (AI, PSD, PNG, etc.)

    5. Budget and timeline

    Budget guides design decisions, and timeline keeps the project realistic. Too vague and both sides suffer. A strong brief is transparent and realistic – allowing both client and designer to plan accordingly.

    Good example: “We have a £15,000 budget for branding. Deadline is six weeks, including two rounds of revisions.”

    6. Brand guidelines and references

    Provide assets like logos, fonts, and colour palettes, as well as inspiration. References can include competitor sites, Pinterest boards, or moodboards. They anchor creativity and reduce subjective disagreements later.

    Tip: Note what you don’t like as much as what you do.

    7. Tone and style

    Define the emotional and visual language. Should the design feel luxurious, approachable, playful, or corporate? This guidance ensures designers create work that resonates with the intended audience.

    8. Approval process

    Decide early who has sign-off authority. Many projects derail when too many stakeholders weigh in late. A brief should clearly state the decision-making chain.

    Common mistakes to avoid

    • Being vague: “We want something fresh.” (Fresh means different things to different people.)
    • Overloading with jargon: Keep it simple and plain.
    • Forgetting constraints: Budgets, technical limitations, and legal requirements are just as important as design goals.
    • Skipping collaboration: A brief written in isolation rarely works. It should be shaped with both client and designer input.

    Steps to writing a great brief

    1. Start with a conversation. Ask questions before writing anything down.
    2. Draft collaboratively. Share an outline, get feedback, then refine it.
    3. Keep it concise. 2–3 pages is usually enough.
    4. Use visuals where possible. Screenshots, sketches, or moodboards communicate better than words alone.
    5. Review and sign off. Ensure all parties agree before work starts.

    A designer’s perspective

    For designers, a good brief is both a safety net and a springboard. It protects them from unrealistic expectations but also fuels creativity by giving a clear sense of purpose. Many designers say they can trace successful projects directly back to the quality of the initial brief.

    “As a designer, I appreciate briefs that strike the right balance between detail and flexibility. The less helpful briefs are either too vague or too restrictive. A strong brief gives me confidence – to know the goals, the audience, to focus on the creative execution knowing we have a clear direction. Personally, I love when clients include visual references, even if it’s just a Pinterest board that sparks dialogue and helps us align on aesthetics quickly. A perfect brief saves everyone time and makes the design process fun, not frustrating.” — Noemi

    A project management perspective

    For clients, a strong brief saves money and stress. While it requires effort upfront, it avoids messy backtracking. A clear brief ensures they don’t just get “a nice design” – they get a solution that serves their real business needs.

    “As a client-facing role, a solid design brief provides clarity for the client as much as our internal team. It sets the tone for communication and keeps projects grounded in reality. When budgets and timelines are clearly outlined, we can allocate resources efficiently and avoid nasty surprises later. I also value briefs that show the client understands their audience – it’s much easier to guide the project when we know who we’re designing for. In our experience a great brief enables projects to run smoother, reduces revisions, and helps deliver results clients genuinely love.” – Chris

    Conclusion

    The perfect design brief is clear, structured, and collaborative. It provides context, defines goals, sets constraints, and outlines the process – but it also allows room for creativity. In 2025, when businesses demand speed without sacrificing quality, the brief is the most important tool for aligning teams and avoiding wasted effort.

    Whether you’re a client writing one or a designer receiving one, remember: the brief is not bureaucracy – it’s the blueprint of success.

  • Design Trends for 2026

    Design Trends for 2026

    Web design doesn’t stand still. As technology, culture, and sustainability demands evolve, so does the way we shape the world around us. By 2026, design will look different – more immersive, more personal, and more deeply connected to both digital and physical experiences.

    While 2024 is about sustainability and integration, the years ahead point toward a fusion of human-centred design, AI creativity, and experiential environments. This article explores what we can expect by 2026 and includes two perspectives on where design is heading.

    The rise of AI-assisted creativity

    By 2026, AI won’t just be a background tool – it will be a creative collaborator. Designers will use AI to rapidly prototype, test variations, and even personalise experiences for specific audiences.

    Instead of replacing creativity, AI will amplify human decision-making. The real design skill will be in directing AI with intent, not letting it dictate outcomes.

    Sustainable design as standard

    In 2026, sustainability will no longer be a selling point – it will be a requirement. Expect materials sourced from closed-loop supply chains, biofabricated alternatives to plastics, and buildings designed for energy neutrality. Brands that fail to adopt these practices will struggle to compete.

    Design will be less about “green labels” and more about responsibility embedded into every product and process.

    Immersive and experiential interfaces

    Interfaces will extend beyond screens. With AR and VR becoming mainstream, 2026 will bring immersive interaction into everyday products. Imagine shopping online not through a grid of thumbnails, but by walking through a virtual showroom. Or using hand gestures to navigate apps projected in real-world space.

    Design in this era is less about flat layouts and more about multi-sensory experiences.

    Personalisation and adaptive design

    The future is adaptive. Products, services, and environments will shape themselves to users. A chair that adapts posture in real-time. Websites that shift tone and visuals depending on whether you’re browsing for fun or in a rush. Packaging that changes design through e-ink displays based on context.

    The challenge will be keeping personalisation meaningful, not overwhelming or creepy.

    Human connection in a digital world

    As design becomes more high-tech, 2026 will also see a counter-trend: a demand for authentic, human-centred design. People will crave tactility, honesty, and designs that prioritise connection over spectacle. Expect a resurgence of craft-inspired aesthetics, blended with cutting-edge digital tools.

    Potential challenges ahead

    • Over-Automation: Risk of losing the human voice in design.
    • Sustainability vs Cost: Balancing eco-innovation with affordability.
    • Ethical Design: Avoiding manipulative personalisation that compromises trust.
    • Design Fatigue: Users overwhelmed by immersive tech may crave simplicity again.

    Keith and Noemi on design in 2026

    Keith (Creative Projects Lead)

    “By 2026, I see design moving into a more experiential space. AI and AR will dominate the tools, but the role of the designer will be to make sense of all that noise. I’m excited about immersive interfaces – the idea that design is no longer constrained by rectangles of glass but spills into our physical world. That’s liberating. But I also worry about sameness. If everyone uses AI templates, will design lose its edge? The future of design depends on whether we can keep our originality alive while using these powerful new tools.”

    Noemi (Web Designer)

    “I agree with Keith that AI will change everything, but I see it less as a threat and more as a co-creator. For me, the exciting part is personalisation. Imagine every product feeling tailored to you – your chair, your watch, even your digital experiences adapting fluidly. That’s design becoming truly human. But my concern is that in chasing all this tech, we forget touch, texture, and the humanity of design. By 2026, I want to see a balance: AI-driven adaptability combined with the warmth of craft. Otherwise, we’ll end up in sterile, lifeless environments.”

    Their Discussion

    Keith: “You make a good point — personalisation is powerful, but it risks becoming overwhelming. If everything adapts constantly, users may feel manipulated. Designers will need to draw ethical lines.”

    Noemi: “True, but that’s where design systems come in. If we bake in rules for how personalisation should feel — respectful, transparent, empowering — then it becomes less about manipulation and more about comfort. Think adaptive, but with boundaries.”

    Keith: “That’s fair. Maybe that’s the role of designers in 2026: not just creating visuals, but shaping the ethics of interaction. Making sure experiences are not just engaging, but trustworthy.”

    Noemi: “Exactly. The future of design isn’t just about form or function. It’s about trust. And that, ironically, will be our most human role in a world of AI and automation.”

    Conclusion

    Design in 2026 will be defined by immersive interfaces, adaptive personalisation, AI collaboration, and sustainable responsibility. But beyond the tech and trends, the real question is: will design stay human?

    As Keith and Noemi highlight, the answer depends on how we approach these tools. If we use them to replace ourselves, design risks losing its soul. If we use them to amplify creativity, craft, and connection, the future of design will be richer than ever.