D_
Diego SalazarFull-Stack Architect
2013Corporate WebsiteCompleted

Kinno

Corporate website developed to present Kinno's product line of motors for residential, commercial, and industrial access systems, highlighting product categories and company information.

PHPYii FrameworkHTMLCSSJavaScriptjQueryMySQLCorporate WebsiteClient Project

Project Overview

Understanding the Project

The Goal

Develop an informative corporate website to showcase Kinno’s access motor products and clearly communicate their applications across residential, commercial, and industrial markets.

The Challenge

Create a strong product-focused visual identity while maintaining clarity in navigation and content structure. The site needed to balance product marketing, corporate information, and usability within a traditional PHP/Yii stack.

My Role

I worked as a Full-Stack Developer, responsible for implementing the frontend interface, integrating backend logic using Yii Framework, and structuring the database to support product and company information.

Role

Full-Stack Developer

Timeline

2013

Platform

Web

Team

Cross-functional (Design + Dev)

Screenshots

Visual Showcase

Homepage highlighting motorized access systems and product segmentation

Homepage highlighting motorized access systems and product segmentation

What I Built

  • Developed the corporate landing page and internal page templates.
  • Implemented frontend layout and styling using HTML, CSS, and JavaScript.
  • Integrated backend logic using PHP and Yii Framework.
  • Structured MySQL database for product and corporate content management.
  • Implemented category-based navigation for product segmentation.
  • Ensured responsive behavior and cross-browser compatibility.

Tech Stack

Frontend

HTMLCSSJavaScriptjQuery

Backend

PHPYii Framework

Database

MySQL

Architecture Design Decisions

These decisions were intentional to ensure the site feels professional, calm, and easy to navigate:

  • Product-first landing section with strong visual emphasis
  • Clear segmentation by Residential, Commercial, and Industrial use
  • Bold color palette aligned with brand identity
  • Structured top navigation for Products, About, Distributors, and Contact
  • Large hero imagery to communicate product application context

Results & Learnings

The project delivered a structured and visually strong corporate presence for Kinno, clearly segmenting its product offerings by usage type. It reinforced my experience building product-oriented corporate websites using PHP-based frameworks.