Wireframes

  • Index Page

  • Professional

  • Personality, Personal development and Storyboard

  • Reference

Pages and Purpose

  • Index Page

    This page is built as an hompage. It provides details about myself with a clickable image directing the user to mail.

  • Professional

    This page hosts a copy of my resume with clickable link to a recently developed to-do list and a link to my mail.

  • Personality

    Tells of how my traits, Emotion and hobbies impacts my school life, details regarding my hero and my overview of the keirsey personality tool.

  • Personal Developement

    This page includes a summary of “Twelve Pillars” by Jim Rohn and Chris Widener, ways in which I could apply it's teachings to my life and details regarding my academic journey.

  • Storyboard

    This details the outline of the Webpages and themes and is used to keep the hosting link.

  • Reference

    Lists the sources used to assist with this assignment.

  • Hosting Link

    Hosting Link

Color Rationale

  • Blue

    Lighter shades of blue can create a calm and serene atmosphere, making it suitable for my website that aim to relax my browsing visitors. Blue is also a color of huge versatility and promotes trust, confidence, and tranquility;
    Darker blues, such as navy or royal blue, often exude a sense of professionalism and seriousness and so this was used for my resumer as it is supportive in establishing a formal and credible image.

  • Black and White

    There were mainly used to support the background images

  • Sunset Background

    The dark sunset backgrounds was used create a visually striking and aesthetically pleasing look. The contrast between the dark foreground and the vibrant colors of the sunset can be used to captivate and engage visitors. It is also used to instill an emotional impact as sunset scenes tends to evoke a sense of calm, tranquility, and nostalgia and are capable of conveying emotions like serenity, relaxation, and introspection, which can be beneficial for my website as I aiming to create a certain mood for my readers.

  • Features

    1. Navigation Bar
    2. Images
    3. Basic Hyperlinks
    4. Link to a to-do list i created
    5. Icons