Silver Pyramids: the website of a technology and marketing company, with a blog its own team runs.

The problem

Silver Pyramids sells three kinds of work: technology, marketing, and document and regulatory systems for life-sciences companies. Each has its own buyers and its own questions. The company needed one site that explains all three, a blog its own team can publish without a developer, and a short way for a visitor to ask for a consultation.

What we built

A company website in English, with a page in Arabic, and the content system behind its blog.

• Three lines of service. Marketing, technology and life sciences each have a page of their own. Eleven services, from consulting and design to search and email marketing, each have a page with common questions answered, and the life-sciences offer has a page for each of its document, quality, clinical-study, safety, registration and submission systems.
• A blog the team runs. The team writes each post in a rich-text editor in the content system, with a cover image, a category, tags, a quote, and its own address, title and description for search engines. A post shows only once it is published, and the home page shows the latest four.
• Finding a post. The blog page searches post titles, filters by category or tag, sorts by date or title, and shows ten posts a page.
• Comments, approved first. A reader leaves a comment under a post. It reaches the content system as a draft and appears only once the team publishes it.
• The company profile as a book. The profile's pages turn like a printed book's, next to a button that downloads it as a PDF.
• A consultation from the home page. The home page and the contact page each carry a short form, checked field by field, that sends the request to the company by email and confirms on screen that it was sent.
• A page in Arabic. A page for Arabic readers, laid out right to left, with the services and a consultation form whose messages are in Arabic.
• Ready for search, quick to come back to. Each page carries its own title, description and preview for social networks, the company's details are marked up for search engines, and a sitemap lists the pages. The analytics tag runs in a background worker, so it doesn't hold up the page, and a service worker keeps the site's pages in the browser for a day, while blog posts are always fetched fresh.

How

The website is Next.js and React. It started from a ready-made theme that we reshaped around the company's services, with Bootstrap for the layout and Material UI for the forms. Pages whose content doesn't change are static, so they open fast, and each blog post is rendered on the server when it is asked for, so search engines read the whole article with its own title and description. The blog runs on Strapi, a headless content system we set up with types for posts, categories, tags and comments, and CKEditor for writing. The forms send through EmailJS, and the analytics tag runs in a web worker through Partytown. The site kept growing after launch: first the blog, then the life-sciences pages and the comments under each post.

The result

Silver Pyramids presents its technology, marketing and life-sciences services on one site. Its own team publishes the blog and approves its comments, and requests from its forms reach the company by email.

Our role

Before the studio, our team led it: the website and the content system behind its blog.