Corporate website with a headless CMS
Design and development of a new branded website for Twelvedevs, with the integration of a headless CMS for improved content management and flexibility
Client
Internal project of the Twelvedevs company where the customer was the sales and marketing department
Business challenges
- Lack of incoming leads from the site
- Developers are engaged to manage the content and the site
- In-house development including design
- Lack of content for the new service line
- Tight development timeframe
Our solutions
- Rebranding and corporate identity development
- Next.js framework
- Compliance with search engine requirements and Core Web Vitals
- Headless CMS
- Amazon Web Services (AWS)
Project implementation
The project, spanning 4 months, began with a thorough study of the requirements and the selection of a technology stack. The marketing department provided the site structure, design sketches, and specific requirements for developers and designers.
We selected the Next.js framework for its pre-rendering and data-fetching capabilities, which addressed performance concerns and enhanced SEO. Storyblok was chosen as the Headless CMS to ensure flexibility and enable content management without requiring developer involvement.
Our design team developed the corporate identity and design concepts, creating wireframes and handling page layout design. They also integrated new features into the site. All photos were shot in accordance with the corporate identity requirements, including specific angles, lighting, effects, and filters. For additional images on service pages, we utilized the generative AI tool, Midjourney.
DevOps engineers employed CI/CD methods to automate the deployment of both development and test environments. AWS Amplify was utilized to facilitate the development, submission, and hosting of the Next.js application on AWS.
Technology stack
- Next.js
- TypeScript
- Pugjs
- Gulp.js
- AWS Amplify
- SCSS
- Webpack
- Axios
- Multer
- React-gtm-module
- React-toastify
- Jest
Key activities
Business outcomes
The project, executed entirely by our in-house team—covering design, development, and content creation—achieved the following results:
- Developed a distinctive, memorable corporate identity that helped the brand stand out from the competition
- Delivered a search engine-optimized website, ready for marketing efforts
- Provided the sales team with a steady flow of incoming leads, directly contributing to increased revenue
- Increased the conversion rate from 2% to 7%
