Paint the Fence 04

12/02/2019

Web Design / UI

We redesigned the “Paint from Import” page based on the programming features of the page. Since the paint from import process can be complicated to follow, the revamped web design includes pop-up graphics that explain each step or feature in relation to the interactions required.

Steps:

  1. Download fence template.
  2. Paint template in any creative application. OR Resize a photo of the fence to fit the template.
  3. Import your completed file.
Redesigned “Paint from Import” page.

Site Functionality

Some things we are currently working on are:

  • 3D environment with panorama background, using a 3D plane with the model to simulate the ground.
  • App will most likely be hosted on Heroku, for anyone to view.
  • Fixing lighting on the fence to make it appear as if it were outdoors in the daylight.
Test with adding panorama background.
Default fence demo.
Download template demo.

Leave a Reply