Benny Luk

BentoBox

Responsive Site Builder
BentoBox is a website builder that streamlines web design in just 15 minutes. As the project leader of the development and design team, I prioritized simplicity, functionality, and beautiful design to create a platform that meets the needs of busy site owners.
Role
Project Lead
Developer
Designer
Date
2022
BentoBox Introduction
01

Challenges & Solutions

Ease of Use

Our old website builder had a major issue - clients were canceling after just 10 minutes due to its complexity. Using data analytics and customer support, we simplified the UI/UX and focused on key features to make it easier for everyone.

Site Performance

Google Page Speed now considers site performance when measuring SEO. To address this, we wrote our live site in native JavaScript without dependencies and optimized our CSS to prevent unnecessary loading. View real performance test.

Optimizing Server

As our client base grew, we optimized server performance by implementing Cloudflare DNS, a reverse proxy with NGINX, cache-control, and a dedicated file server for efficient media delivery.

Accessibilty

To prioritize web accessibility, we developed a custom script that generates safe color palettes, ensuring compatibility and avoiding issues on our application and live site.

Screenshot of Bentobox site editor editing a section
Changing the section design in Bentobox site editor
Previewing their website using our real-time mobile mode preview.
Frontend Stack
React
Redux
Webpack
Backend Stack
Coldfusion
NodeJS
MSSQL Server
02

Features

Responsive Builder

Built for universal compatibility, BentoBox is optimized for all devices, including mobile and tablet. With our in-house design language, Hot Pot, the user interface and user experience are touch-friendly and easily adaptable across all platforms.

SEO

Live site is optimized for search engines through fully finished structured data and sitemaps. In addition, we educate our clients on utilizing Google Search Console and other platforms to help their website get discovered.

App Integration

Enabled e-commerce functionality for our users by integrating a store manager. This allows for member management on protected pages or products within the store. Additionally, we've implemented web forms that allow site visitors to submit custom form submissions, which can then be managed by the site owners.

Our live site has a ranking of 95 or higher on the Google Page Speed test