Giter VIP home page Giter VIP logo

one_page_traveling_website_2nd's Introduction

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.

one_page_traveling_website_2nd's People

Contributors

yschen25 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

one_page_traveling_website_2nd's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.