Cakemail

Subscription form module refactoring

delivered by Redwerk in less than 90 days
×
Where do you want us to send our Cakemail web development case study?
Please enter your business email isn′t a business email

Cakemail provides email marketing solutions for businesses to send the right message to the right people at the right time. The company offers a variety of features – from responsive, personalized emails to advanced segmentation, automated list hygiene, and guaranteed deliverability.

All Customers

Web Development

We implemented the frontend functionality for Cakemail Subscription Forms from scratch in compliance with the given specifications and mockups. Redwerk provides custom web development services to empower businesses with modern, web-based solutions.

Learn more

Startups & Innovation

Redwerk helped Cakemail perform the redesign of Subscription Forms to align this functionality with the newly upgraded Contacts section of the app. We have assisted many startups in enhancing their products and increasing their competitiveness.

Learn more

Challenge

One of the numerous marketing solutions Cakemail’s customers enjoy is convenient management of their contact list subscription forms that appear on their websites or in their apps. Cakemail’s customers use subscription forms to capture their users’ email addresses via an online form. They can either add a code snippet to their website or redirect their users to a dedicated form page hosted by Cakemail.

Cakemail asked us to redo the frontend part of Forms to align this section with the rest of the upgrades applied to the Cakemail v5 app. Cakemail had completely changed their Contacts module, which affected the way users captured their contacts through online subscription forms. As a result, the original Forms section no longer worked with new Contacts; therefore, it required a brand new code. Although Cakemail came up with a temporary solution to fix this issue, they needed to expand the existing functionality and enable forms UI customization.

Apart from working with the tight deadline, we also had to prepare the frontend without the backend because it was not ready when we started. Using the given static mock data to fake the backend, we managed to realize the frontend part of Forms with all of its new features.

Solution

Our main task was to replace the old Forms section that had limited functionality with new Forms built with React so that all features of the Cakemail v5 app worked in sync. First things first, we performed a precise sprint planning, which allowed us to minimize any deadline risks. We used mock objects agreed with the client’s backend team to ensure further backend-frontend compatibility. One more crucial step we made at the very beginning of the project is streamlining communication channels between the Cakemail and Redwerk teams to ensure effective cooperation.

As far as technical details are concerned, we worked on the following:

  • Forms Listing – options to create a form, edit it, and delete it
  • Overview – provides analytics on forms performance and vital information about subscribers displayed with the help of visually appealing charts and maps
  • Linked Form – allows Cakemail’s customers to add the needed form by pasting the generated URL to buttons on their websites
  • Embedded Form – allows Cakemail’s customers to add the needed form by pasting the generated HTML code snippet to their websites; this option presupposes full UI customization of the embedded forms
  • Automated Flows – enables managing the subscription flow: what pages and emails new subscribers see after they use this form
  • Static Email Templates – prepared HTML templates for different use cases
  • Quality Assurance – covered the new functionality with unit tests (Jest, Enzyme), performed manual functional testing and bug fixing

Result

Due to our developers’ high expertise and Cakemail’s professionalism in doing business, we managed to deliver the project on time. We fully prepared the frontend part of the Forms section for its further integration into the new version of the Cakemail app. All the features we implemented are compliant with the requirements specification. With our assistance, Cakemail can complete the transition from Cakemail v4 to Cakemail v5 without compromising the app’s functionality.

My team and I worked with Redwerk as we need to push to production our new software quicker than our resources permitted. Their team was quick and reliable, always communicating clearly when something was missing or needed more information. They molded their way of working around ours in order to facilitate production and communication even though we were not in the same time zone and they felt like they were part of the internal team. The team of developers we worked with was exceptional and listened to our every need. They took the time to let us know if they were seeing any issues on their end so that we can quickly take action on ours, which saved us a lot of time and money. Would definitely work with them again in the future when we have new projects to deliver quickly.
Yanna-Torry Aspraki
Yanna-Torry Aspraki, Project Manager at Cakemail

Need quality web development services?

Contact us

Technologies

React
Redux
Bootstrap
SASS
Chart.js
React Simple Maps
jQuery Form Builder
CKEditor v4
Jest/Enzyme
4engineers in team
600hours in total
15,809lines of code

Redwerk Team Comment

Roman

Roman
Software Engineer

Our team contributed to developing Forms designed for capturing users’ email addresses and managing their subscriptions. The most exciting and challenging task concerned implementing an interactive form builder for creating and managing different types of subscription forms. I also gained new experience in building various email templates and displaying data analytics through charts and maps.

Media
Media
Media

Related in Blog

State in React.js and Why to Use It

State in React.js and Why to Use It

Are you curious about React and want to learn its tricks? Maybe you’ve tried tutorials in the past, but struggled to understand State core concepts? Maybe you’re looking for a framework for your project? React.js is one of the most popular JavaScript libraries in the world, cr...

Read More

Impressed?

Hire us

Other Case Studies

Caesium

Caesium

Germany

Developed freelance marketplace SaaS featured on Trendhunter, world’s #1 trend platform

Animatron

Animatron

United States

Expanded functionality of startup animation maker recognized by business media like Entrepreneur, MonsterPost, and Freelancer

M3 Glass

M3 Glass

United States

Implemented responsive design-glass web configurator with 3D images of glass floor and wall