< KellyNg />

Overview

I was responsible for coding the official website of Niken Co., Ltd., a Japanese company specializing in residential construction and housing development. The project was commissioned through a Japanese marketing agency, and I worked closely with their designers and content team to ensure the final website aligned with the client’s brand identity and functional requirements.

Role

• Translating Figma designs into responsive, pixel-perfect web pages using HTML, SCSS, and JavaScript

• Implementing custom WordPress themes with editable areas for content flexibility

• Creating a filterable Works (製作事例) section, categorized by project types and processing methods

• Ensuring cross-browser compatibility and fast load times

• Integrating SEO-friendly, semantic code structure

• Collaborating via GitHub, and Chatwork with a Japan-based remote team

Key Features Delivered

• Works Archive & Filtering
  Custom post type to showcase Niken’s project examples, with category filters and individual detail pages.

• Breadcrumb Navigation
  Improved user orientation and site structure for both users and search engines.

• Mobile-first Design
  Fully responsive layout optimized for all devices and screen sizes.

• Multilingual Readiness
  Structure prepared for future multilingual expansion

• CMS Flexibility
  Custom fields and block areas allow the client to update content easily without technical support.

Result & Impact

• Delivered a professional and minimalistic website that reflects Niken’s craftsmanship, trustworthiness, and commitment to quality in residential construction

• Helped the client present their past housing projects in a clear and engaging way, enhancing credibility with potential homeowners and partners

• Provided a scalable and maintainable codebase, allowing for future content expansion and multilingual support

• Received positive feedback from the agency partner for clean structure, smooth collaboration, and on-time delivery