BukkenKing Web Clip

Web Clip is the showcase 株式会社 物件王 uses to present the real estate websites it delivers for client companies. Each entry carries the site name, the client company, its opening date, design and colour tags, and the type of area search it ships with, and visitors narrow the catalogue by design taste, colour and that area-search feature — a custom map, station map, line map, municipality map, or school-district map and buttons. It works as a practical reference when a new client is choosing a direction, and as a record of the delivery volume behind it.

The gallery below follows one of those sites end to end — 青森の家さがし, built for 株式会社ノザワ in Hachinohe — because every site in the catalogue is the same platform dressed differently. Its core is property search along three axes: by type (land, new and used detached houses, used condominiums, investment properties), by area down to the municipality, and by school district for both elementary and junior high schools, with the live listing count shown against each option so a visitor can see where the stock actually is. Results carry the usual filtering and sorting, and each property opens onto a detail page with its photos, specification table and its own enquiry route.

Around search sits a member area: visitors register an account, sign in, save properties to favourites, keep their search conditions, edit their profile and close the account themselves. Enquiries are deliberately split into separate funnels rather than one generic form — a general enquiry, a per-property enquiry, a selling enquiry, an in-store visit booking, and an online consultation booking — each with its own confirmation step, so the sales team receives leads already sorted by intent.

The rest of the site carries the content a local agency needs to build trust: a step-by-step buying flow, a selling flow, a used-plus-renovation section, event listings with reservations, customer testimonials, company information with a message from the representative and staff introductions, a sitemap and a privacy notice — all responsive down to phone width.

Underneath, every site in the catalogue runs on one shared in-house platform: a Laravel application whose controllers exist as a base implementation plus a per-site Custom override, so a new client site is a configuration and theme exercise rather than a rewrite. Listings are pulled in through an internal WebAPI layer from the group’s property and customer management system — the same system sold on the corporate site — so what the agency enters in the back office appears on the public site. The front end is jQuery with a Phery bridge for AJAX, styles are SCSS compiled with Gulp, cache and sitemap generation run as scheduled commands, and the local environment serves the whole estate on Docker with PHP 7.2/8.1 and MySQL — around 128 client site directories in total. I contributed to building and maintaining sites in this catalogue, designed RESTful APIs between internal systems and external platforms, and mentored new interns through environment setup and code review.