Website migration from WordPress to Statamic

Migrating F2N2's fake news-battling blog from WordPress to Statamic

The rebuild resulted in decreased costs, improved website security, increased visitor engagement, and the effortless migration of hundreds of thousands of articles.

f2n2 hero

Background

Fighting False News Narratives (F2N2) is a digital project from North Macedonian citizens’ association MOST. Since 2018 it has published thousands of articles related to disinformation and fake news to challenge the influence of authoritarian regimes and Russian propaganda. It’s a sensitive topic, attracting hackers who want to breach the website’s security and take it down.

challenge vector

Challenge

F2N2’s WordPress website was slow, insecure, and difficult to maintain, requiring a full-time development team to manage frequent crashes and hacker attacks.

solution vector

Solution

We migrated the website to Statamic, redesigned it with modern UI/UX practices, and implemented advanced features like Fuzzy Search and dynamic timelines.

gameplan vector

Results

The new website reduced hosting and maintenance costs, improved loading times, increased visitor engagement, and eliminated downtime caused by hackers.

Jack McDade

We always get glowing feedback from companies who work with Lucky Media. Their professionalism, knowledge, and quick and clear communication truly sets them apart.

Let’s chat

Book a free call and have a no-strings-attached talk about your ideas.

lokman and arlind headshots
developer explaining coding concepts

The challenge

F2N2’s mission to combat disinformation was being impacted by a number of critical website challenges, preventing it from effectively engaging its audience.

- Poor performance: The site was slow and frequently crashed due to updates and third-party plugins.

- Security vulnerabilities: The website was a frequent target for hackers, leading to downtime and data risks.

- High maintenance costs: A full-time development team was required to manage the site, increasing operational expenses.

- Poor user experience: The outdated design made it difficult for users to find information, leading to frustration and low engagement.

Our solution

We transformed F2N2’s website into a secure, high-performing platform using Statamic. Here’s how we addressed their challenges.

fully modular Statamic website

Improved performance and security

We migrated the website from WordPress to Statamic, replacing outdated technologies like jQuery and Bootstrap with modern solutions, including Alpine.js and TailwindCSS. This migration not only improved website performance but also enhanced security substantially.

Why this matters: Website performance is critical for user retention and satisfaction. A faster, more secure site minimizes the risk of downtime and enhances the overall user experience, allowing you to maintain and grow your audience even amidst increasing cyber threats.

Technical deep dive: The migration to Statamic, improved website security and reduced downtime caused by hackers to virtually zero.

display latest results website

Modular and customizable design

We created a fully modular website, allowing F2N2 to easily add, rearrange, or remove sections without impacting functionality. This flexibility enables the team to adapt their content dynamically.

Why this matters: A modular design allows you to respond quickly to changing content needs and audience preferences. By managing your website independently, you can keep information fresh and relevant, significantly enhancing user engagement and satisfaction.

Technical deep dive: Using Statamic’s building blocks, we enabled F2N2 to customize the site effortlessly, reducing maintenance costs and ensuring updates no longer broke the website. (blog post coming soon)

Wordpress to Statamic migration process

Efficient content migration

We successfully migrated hundreds of thousands of articles from WordPress to Statamic, overcoming challenges like Visual Composer tags and image IDs to ensure a smooth transition.

Why this matters: Effective content migration is necessary to preserve your existing valuable information while updating your platform. Ensuring that all posts, images, and links are accurately transferred keeps your audience informed and engaged, strengthening your position in the fight against disinformation.

Technical deep dive: Our migration process ensured all posts, images, and links were accurately transferred, preserving the integrity of F2N2’s content.

show more image design website

Enhanced user experience

We redesigned the website using UI/UX best practices, improving navigation and engagement. Features like a dynamic timeline, image sliders, and Fuzzy Search to improve navigation and engagement.

Why this matters: A well-designed website improves user interaction and satisfaction. By enhancing navigation and making information accessible, you encourage visitors to explore your content further, leading to increased engagement and support for your mission.

Technical deep dive: We implemented Fuzzy Search using fuse.js, enabling fast and accurate local searches without storing data on external servers.

Let’s chat

Book a free call and have a no-strings-attached talk about your ideas.

lokman and arlind headshots
developers coding together

The results

The new website delivered significant benefits for F2N2:

- Reduced costs: Hosting and maintenance costs were slashed, eliminating the need for a full-time development team.

- Improved performance: Loading times improved dramatically, enhancing user experience and engagement.

- Increased security: Built on Laravel, the website experienced zero downtime from hacker attacks.

- Higher engagement: Users spent three times longer on the site, and feedback from visitors was overwhelmingly positive.

- Flexible content management: The modular design allowed F2N2 to easily update and customize the site without technical expertise.

6x

Increase in organic traffic

90%

Decrease in expenses

130%

Faster loading times

99%

Uptime

Why it worked

Our approach focused on understanding F2N2’s unique challenges and delivering a solution that prioritized performance, security, and user engagement. By using Statamic and modern technologies, we created a platform that not only solved immediate issues but also positioned F2N2 for long-term success.

F2N2 website redesign timeline

Technology stack

Let’s chat

Book a free call and have a no-strings-attached talk about your ideas.

lokman and arlind headshots
serious developers meeting

More projects like this

Statamic website redesign and development

How we transformed MyBodyTutor’s online presence to drive growth
StatamicAlpine.jsStripe
mybodytutor thumbnail

Statamic website upgrade example

A user-friendly website for Chillidog Software to improve customer experience
StatamicStripeAlpine.js
chillidog software thumbnail