Web Development - Project Change
Required Skills:
Industry:
Duration: N/A

Background.

Designed by designer, desginTopping

Developed by JYC

Client Background: Project Change is a multi-disciplinary non-profit initiative. Financially independent from the government, we offer complimentary services to youths arrested during the Hong Kong protests in 2019, including psychological counselling, legal support, and a comprehensive reintegration program.

Technical skill points:

  1. Skilled in handling template layouts, including the use of PHP functions such as "include" and "echo" for efficient code organization and manipulation.
  2. Content Management System (CMS): Experienced in working with WordPress as a CMS, utilizing the underscores starter theme for cost-effectiveness and increased flexibility compared to using Elementor.
  3. User Interface (UI) Design: Proficient in utilizing Bootstrap as a CSS and styling framework, enabling rapid development and saving time by leveraging pre-built responsive components and grid system.
  4. Customization of Blocks and Layouts: Capable of customizing and modifying blocks or layouts within the chosen CMS, allowing for tailored design and functionality based on specific project requirements.
  5. User Experience (UX) Design: Skilled in implementing scroll interactions using GSAP (GreenSock Animation Platform), specifically utilizing the "scrollTrigger" feature with "scrub" functionality for smooth and engaging scrolling effects, such as parallax or timeline-based animations.
  6. Loading Effects: Proficient in incorporating loading effects to enhance the user experience during page loading. This may include animations, transitions, or progress indicators to provide visual feedback and maintain user engagement while content is being loaded.

Website: ProjectChange

Demo Video From Youtube

Watch on YouTube

Board From Designer

Board from designer

Board from designer

Wordpress Admin Panel

Admin Panel is clean and concised, it's suitable for newbie to manage the content based on the common CMS, Wordpress.

Admin Panel

Admin Panel (Photo edited)

HTML CSS JS Static Source Code:

First Draft

Credit to:

Wordpress

Underscores Starter Theme

Bootstrap

GSAP

ChartJS