top of page
afif-ramdhasuma-NkCyo23Owbg-unsplash.jpg

Yu Ping Construction Co. website design

Purpose

I am creating a website and a mobile app in the future as well, for my father’s construction company. Yu Ping Construction Co. (聿品建設) is a small-scale, private, and local construction company in Taiwan founded by my grandfather. I was inspired by my father, who is currently taking place to manage this construction company, to help him design a mobile app and website platform so he can expand his brand and reach more audiences and potential customers by advertising through the digital world. I am also aware of the expansion of the potential customers overseas on the internet. Hence, I am thinking of making language options for customers to switch to when scrolling the website.

 

The operation process for advertising, sales, and marketing still follows a old school such as a small-scale reception center with one or two salesman that can be approached to ask questions about the buildings that are for sale. Moreover, potential buyers on the internet claim that they were unable to find any company websites or related information about the company or the building itself.

 

Objective:

  • To solve any buyer’s confusion

  • Expand its market and reach more potential buyers

  • Create a well-designed and organized online platforms including a website

  • A mobile app to help the company adapt to the digital world.

Wireframes

Lo-Fidelity

Screen Shot 2023-02-05 at 10.40.22 PM.png
Screen Shot 2023-02-05 at 10.40.29 PM.png
Screen Shot 2023-02-05 at 10.40.48 PM.png
Screen Shot 2023-02-05 at 10.40.38 PM.png
Screen Shot 2023-02-05 at 10.40.58 PM.png
Screen Shot 2023-02-05 at 10.41.05 PM.png

Layout & Composition Principles

  • Negative spaces

  • Avoiding too much repetition

  • Creating the coherent of balance and tension of each page of the website.

Grid Principles

  • Golden Section

  • Grid system

  • Use of asymmetry while still maintaining the balance of the interface.

Screen Shot 2023-02-05 at 10.41.58 PM.png
Screen Shot 2023-02-05 at 10.41.50 PM.png

High-Fidelity

Group 14.png
Group 13.png
Group 9.png
Group 12.png
Group 6.png
Group 10.png
Group 8.png
Group 19.png
Group 11.png

Fonts & Colors

  • Theme color: Navy blue, yellow

  • Typeface: Junge --> Kopub Batang

#191B58

#272969

#5E5F8A

#FFC700

Group 22.png

Before

Group 20 (1).png

After

Sample Website

Group 14.png
Group 23.png
Group 12.png
Group 6.png
Group 9.png
Group 24.png
Group 10.png
Group 21.png
Group 19.png
Screenshot 2023-02-16 at 11.21.22 PM.png
Screenshot 2023-02-16 at 11.21.18 PM.png
Screenshot 2023-02-21 at 2.35.33 AM.png
Screenshot 2023-02-21 at 2.35.11 AM.png
Screenshot 2023-02-21 at 2.27.24 AM.png

UI/UX Design, Game Design, Animation
 

bottom of page