INNOVATION

REB case: platform revamp

Through web design and web development, we made REB's website user-friendly and innovative.

Last updated: 5 Oct 2022

REB workcase

CONTENTS

Our partner

REB Logo
REB Logo

REB Projects B.V.

REB started in 2007; as a family-owned, boutique real estate development firm established in the heart of Amsterdam.

The mission of REB is “to make life beautiful”

Website: https://rebprojects.com/en/

REB case: Where we started

REB’s request was to make its content appear seamless, user-friendly, and innovative. Therefore, we created an overview of the corporate website and identified the problem areas that needed improvement.

After the investigation of the REB website, we found these issues:

  • Design and UX(User-experience)
  • Website performance
  • Security of the platform

REB case: What we did

Flatline Agency offered 5 solutions for each REB issue: UI(User interface), performance, automated deployments, testing, and security.

UI(User interface)

The user interface needed adjustments to keep up with the needs of its target audience. This step requires web design support as you want your website visitors to engage fully with the website and its properties.

Flatline Agency offered a solution of improving the existing web design instead redeveloping the entire web design content. Sometimes redesigning the content takes more time and costs more than necessary, so we need to think if the whole design change is required or not. After considering what was required, we concluded that the REB website needs amelioration based on the existing design.

User interface: Before
User interface: After

Improved web design allows for intuitive data entry and an easier way to see what information is available.

Performance

Through examining the website, we found we can improve the performance of REB. In website management, appearance is not the only crucial factor but also the system design behind the interface. To improve the performance of the website we focused on cache and Linter.

Firstly, caching is, similar to how your brain saves information to your recent memory, a technique for temporarily keeping the contents of a webpage or application nearby the user. Optimizing the cache improves website speed and performance because the website no longer has to process useless information. Our developers optimized this caching of the REB website to make the website performance better.

Second, Linter refines the code that is working in the background of the website. The entire website performance gets better by making the code run more efficiently and easier to manage.

Automated deployments

GitLab logo

Flatline Agency automated the website deployments process. We adopted Gitlab for this automation. It provides a central server that manages Git repositories and is used to simplify the administration tasks of many corporations worldwide. This automation allows REB website managers to deploy their website just by adding the code to GitLab, then it automatically goes to the AWS server to publish.

Testing

Unit tests and setting up CI(continuous integration)/CD(continuous deployment) pipelines on GitLab were performed by our team. We automated the test process by setting up CI/CD. REB does not have to retest the module manually anymore. The CI/CD pipeline introduces monitoring and automation to improve the website development process, especially during the integration and testing phases and the delivery and deployment phases.

Security

SonarQube Logo

One of their concerns was the security of the website. Therefore, we chose to use Sonar Qube for REB. SonarQube is an automated code review tool that supports “bug finding”, “vulnerability discovery,” and “difficult-to-maintain code detection” in code. It integrates with existing CI/CD workflows to enable continuous code inspection across project branches and pull requests so that all developers can create cleaner, more secure code. In short, we increase the security of the website by removing vulnerabilities.

Results

The overall performance of the REB website increased sharply, and improved UI/UX makes the website more intuitive and easier to use. By improving the website not only from the outside but also from the inside, the website has become overwhelmingly easier to use. We are proud to say that this new website achieved the REB’s original request of making its content look more user-friendly and innovative.

Why Flatline?

We are enabling our partner brands to achieve their goals with innovative development services. Not as your exclusive developer team, we work for you as your business partner.

If you are interested in custom development, we can help your brand grow more. Contact us from here.

THINKING

How to calculate the Total Cost of Ownership (TCO) for your eCommerce store

Running a successful eCommerce business requires more than just a great product and marketing strategy. Understanding the Total Cost of Ownership (TCO) is crucial for making informed decisions about your platform, tools, and long-term scalability. Whether you’re on Shopify, Magento, or another platform, calculating your TCO can help you uncover hidden costs and optimize your...

Magento to Shopify Plus Migration_ Cost, Timeline and What Must Be Rebuilt

Magento to Shopify Plus Migration: Cost, Timeline and What Must Be Rebuilt

A Magento to Shopify Plus migration rarely becomes difficult because product rows refuse to import. The complexity sits in everything the Magento estate has learned to do over time: product relationships, pricing rules, extensions, regional store views, B2B workflows and connections to systems that still need to work after launch. Migrating from Magento or Adobe...

Centra to Shopify Plus Migration Cost, Timeline and the Fashion Workflows You Need to Preserve

Centra to Shopify Plus Migration: Cost, Timeline and the Fashion Workflows You Need to Preserve

A Centra to Shopify Plus migration means rebuilding your commerce operation around a different product, storefront and order model. For fashion brands, the deciding questions are whether Shopify can preserve style and size identity, wholesale commitments and market-specific selling rules while reducing the work required to run and improve the store. The difficult part may...

SAP Commerce Cloud (Hybris) to Shopify Plus_ Cost, Timeline and What Stays in SAP

SAP Commerce Cloud (Hybris) to Shopify Plus Migration: Cost, Timeline and What Stays in SAP

Your commerce team wants faster releases. Finance wants to keep SAP. Operations wants proof that contract prices, credit checks and warehouse orders will still work. Those requirements are compatible, but only if the migration separates the storefront from the business processes behind it. A SAP Commerce Cloud to Shopify Plus migration replaces the commerce platform,...

PrestaShop to Shopify Migration_ Cost, Timeline and What Must Be Rebuilt

PrestaShop to Shopify Migration: Cost, Timeline and What Must Be Rebuilt

A PrestaShop export can make migration look like a data-transfer exercise. The visible records are only part of the job. Commercial behavior may also sit in combinations, features, specific prices, customer groups, cart rules, modules, overrides, multistore settings and connections to the rest of the operation. A PrestaShop to Shopify migration moves the records the...

Salesforce Commerce Cloud to Shopify Plus Migration_ Cost, Timeline and How to Unbundle the Stack

Salesforce Commerce Cloud to Shopify Plus Migration: Cost, Timeline and How to Unbundle the Stack

A Salesforce Commerce Cloud to Shopify Plus migration is rarely contained within the storefront. Commerce data may be connected to Marketing Cloud, Service Cloud, Order Management, Data Cloud, middleware and custom cartridges. Changing the commerce core therefore means deciding which parts of that ecosystem should remain, reconnect, move or disappear. Migrating from Salesforce Commerce Cloud...

BigCommerce to Shopify Plus Migration_ Cost, Timeline and the Parity Plan

BigCommerce to Shopify Plus Migration: Cost, Timeline and the Parity Plan

A BigCommerce to Shopify Plus migration can look straightforward because both platforms are managed SaaS products. That similarity is deceptive. Products and customers may be exportable, but product modifiers, channel assignments, customer-group pricing, B2B companies, checkout rules and integration contracts do not automatically retain their meaning. A BigCommerce to Shopify Plus migration should transfer valid...

WooCommerce to Shopify Migration_ Costs, Timeline and What Your Plugins Leave Behind

WooCommerce to Shopify Migration: Costs, Timeline and What Your Plugins Leave Behind

Your product export is ready. The harder decisions are still inside a subscription plugin, a custom checkout field and the WordPress pages that bring buyers into the store. A WooCommerce to Shopify migration is the transfer of commerce data and customer journeys into Shopify, alongside rebuilding the storefront and replacing WordPress-dependent functionality. A complete migration...

Shopware to Shopify Plus Migration_ Cost, Timeline and What Must Be Remapped

Shopware to Shopify Plus Migration: Cost, Timeline and What Must Be Remapped

The visible part of a Shopware to Shopify Plus migration is a new storefront. The difficult part sits underneath it: inherited product relationships, Rule Builder conditions, Shopping Experiences, sales-channel configuration, plugins, B2B workflows and connections to the systems that run the wider operation. A Shopware to Shopify Plus migration transfers the commerce data the business...

High add-to-cart, low checkout completion_ reading the drop-off between intent and purchase

High add-to-cart, low checkout completion: reading the drop-off between intent and purchase

High add-to-cart with low checkout completion is not a sign of indecision. A high add-to-cart rate is itself evidence of intent, because people do not fill a cart they do not want, so a cart that never checks out is friction with a location rather than a shopper who changed their mind. The gap between...

Blended CAC Is Lying to You_ The DTC Numbers That Decide Whether Growth Is Profitable

Blended CAC Is Lying to You: The DTC Numbers That Decide Whether Growth Is Profitable

The acquisition number on your dashboard is probably making your spend look healthier than it is. Blended customer acquisition cost divides all your ad spend by all the customers you got, and the customers you got include returning buyers you did not pay to acquire. Those free orders sit in the math and quietly subsidise...