Skip to content

Based on the One_Page_Traveling_Website_1st to optimize the website user interface, user experience, animation, and add RWD

Notifications You must be signed in to change notification settings

yschen25/One_Page_Traveling_Website_2nd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

One_Page_Traveling_Website_2nd

To optimize the website user interface, user experience, animation, and add RWD Based on the One_Page_Traveling_Website_1st.

Description

According to the increment of smartphone usage rates, this website is designed to be a one/single page web, there are no additional pages, users can just click the navigation links then slide to the destinations on the page, or they can just scroll down to the different sections as they want.

Compared to the multipage website design, one/single page website making the user experience more intuitive and smooth.


Author

  • :octocat: Programmer : ME

      * HTML、CSS、JavaScript、jQuery
    
  • :octocat: Ui/Ux Designer : ME

      * Using Photoshop and illustrator
    
  • :octocat: Project Manager : ME

      * The whole web struture and function
    

Website Planning

Website Planning
Introducing the website concept, logo design, fonts and colors settings, structure, PC and mobile wireframes, PC and mobile website screenshots, references.

Demo

ONE PAGE TRAVELING WEBSITE -> Where You Can See This Website

One_Page_Traveling_Website




  1. PC demo

  One_Page_Traveling_Website_2nd_pc


  1. PC popup demo

  One_Page_Traveling_Website_2nd_pc_popup


  1. Mobile demo

  One_Page_Traveling_Website_2nd_mobile


Poster

The poster design for the website, use irregular shapes to express the unlimited attitude.

  One_Page_Traveling_Website_poster


Update

  • 2018.09.14

       * Adding meta tags
       * Resizing, reducing and deleting the pics
       * Optimizing user interface
       * Optimizing RWD
       * Fixing an image doesn't show in IE
       * Sorting out html, css, js
    
  • 2018.10.03

       * Adding website link and QR Code
       * Changing readme content and meta tags          
    

QR Code Generator

Using IOI QR Code Generator.

Demo Editor Tools

Using ScreenToGif to record, ezGIF to edit and imgur to upload gifs.