top of page

SYNTHESIS DESIGN LAB

UI / UX DESIGN 

For a more comprehensive UX/UI design including upgrade conversion rate ,reducing the click times to reach the target ,highlighted the CTA, eye tracking study so on.This project is a quick example of re-designing a Website page based on my knowledge of visual design theory and user experience.

HOME PAGE

ORIGINAL

HOMEpage.jpg

OPTIMIZATION

Screen Shot 2018-11-30 at 3.44.17 PM.png
logo_white.png
FREE-CONSULTATION.png

Intelligent Design Focused on Driving Results

Branding· Websites · APPs

Remove the bold outline of icon and add more sections

( founder profile, Adam creation , funny games) with CTA button

HOMEpage.jpg
service.gif

 Add the interactive effect of Adam section.

Also follow the eye tracking analysis to lead user focusing on the caption.

8-baby-face-eye-tracking.jpg
FOUNDER.gif

 By adding the flash effect to make the discover section become more dynamic and attractive.

discover.gif

Balance the space between the contact form and information.

Adjust the opacity of the form box.

Screen Shot 2018-12-01 at 7.40.36 AM.png
Screen Shot 2018-12-01 at 7.44.04 AM.png

WORKS

ORIGINAL

OPTIMIZATION

  • Remove the "OUR WORKS" to the menu bar as a bottom line instead 

  • Filter box become a header

  • Remove the bold outline

  • Mouseover effect to show the project logo and services.

1.OUR WORKS.jpg
works.gif

PROJECT PRESENTATION

Change the layout to reducing the clicking times to browse the project

SYNTHESIS ENTERPRISE.jpg
project.gif

ABOUT

ORIGINAL

ABOUT_preview.jpg

OPTIMIZATION

about.png
john-animation_5s.gif
bottom of page