Scribd Logo
Upload

Welcome to Scribd!

  • 5 views

    Portfolio Website Documentation

    Uploaded by

    rockj22.com
    The document outlines the purpose and design process of a portfolio website. It discusses how the website will showcase work through technologies like HTML and CSS in an asymmetrical layout. A 6-step design lifecycle is provided that involves gathering information, creating designs, writing content, coding, testing, and launching the site. The website structure includes pages for the home, about, skills, contact, and login sections. Responsive design ensures the site is accessible across devices.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Portfolio Website Documentation

    Uploaded by

    rockj22.com
    5 views4 pages
    The document outlines the purpose and design process of a portfolio website. It discusses how the website will showcase work through technologies like HTML and CSS in an asymmetrical layout. A 6-step design lifecycle is provided that involves gathering information, creating designs, writing content, coding, testing, and launching the site. The website structure includes pages for the home, about, skills, contact, and login sections. Responsive design ensures the site is accessible across devices.

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document outlines the purpose and design process of a portfolio website. It discusses how the website will showcase work through technologies like HTML and CSS in an asymmetrical layout. A 6-step design lifecycle is provided that involves gathering information, creating designs, writing content, coding, testing, and launching the site. The website structure includes pages for the home, about, skills, contact, and login sections. Responsive design ensures the site is accessible across devices.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    5 views4 pages

    Portfolio Website Documentation

    Uploaded by

    rockj22.com
    The document outlines the purpose and design process of a portfolio website. It discusses how the website will showcase work through technologies like HTML and CSS in an asymmetrical layout. A 6-step design lifecycle is provided that involves gathering information, creating designs, writing content, coding, testing, and launching the site. The website structure includes pages for the home, about, skills, contact, and login sections. Responsive design ensures the site is accessible across devices.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 4

    PORTFOLIO WEBSITE

    DOCUMENTATION

    Introduction:
    A portfolio is a collection of an individual's or a company's work samples,
    accomplishments, and experiences that showcase their skills, expertise, and
    potential. Portfolios are particularly important in creative fields such as art, design,
    writing, and photography, but they are also valuable in various other professions.

    OVERVEIW:
    An overview of a portfolio website refers to a brief summary of my
    showcases of a company's work, skills, education and experiences. A portfolio
    website is designed to present one's professional accomplishments and creative
    work to potential employers, clients, or collaborators.

    Technologies Used:
     Frontend: HTML and CSS
     Frameworks: Bootstrap and MD-Bootstrap for basics structuring of website

    Website Layout:
    The website is designed with an asymmetrical layout, providing a modern and
    dynamic appearance. However, upon first impression, it also gives the impression of
    a split-screen or Fullscreen layout, particularly evident on the landing page.
    Website Design Lifecycle:
    1. Gathering Information:
     Identify the purpose and goals of the website, focusing on skills and
    journey of my life.
     Gather information about the education, skills, contact details, and login
    system requirements.
    2. Creating Raw Design:
     Develop a basic skeleton or wireframe of the website layout using pen and
    paper, concentrating on a distributed layout that reflects a split-screen or
    full-screen layout.
    3. Writing Content:
     Craft compelling and informative content for the website, drawing
    inspiration from similar academy websites and utilizing ChatGPT for
    assistance.
     Ensure that the content covers all aspects of the academy, including its
    skills, education, journey.

    4. Coding:
     Translate the wireframe and content into code using HTML, CSS.
     Implement responsive design techniques to ensure the website looks and
    functions well across various devices and screen sizes.
    5. Testing:
     Conduct thorough testing of the website's functionality and performance,
    including navigation, forms, carousel, filtering options, and login system.
     Gather feedback from beta users to identify any issues or areas for
    improvement.
    6. Launching:
     Once testing is complete and any necessary adjustments are made, launch
    the website on the web under a domain name
     Ensure that all pages, links, and features are working correctly in the live
    environment.

    Website Structure (Sitemap):


     Home
     About
     My journey
     Skills
     Contact me
     Login
    Responsive Design:
    The website is designed with responsiveness in mind, ensuring optimal
    viewing and interaction experiences across a wide range of devices and screen
    sizes. Whether accessed on desktop computers, laptops, tablets, or smartphones,
    the website adapts seamlessly to provide a consistent and user-friendly
    experience for all visitors.

    Conclusion:
    A portfolio is a vital tool for professionals and creatives, serving as a visual
    representation of their skills, experiences, and accomplishments. By curating a
    well-organized collection of work samples, project descriptions, and personal or
    professional information, individuals can effectively showcase their expertise
    and attract potential clients, employers, or collaborators. A portfolio website,
    designed with user-friendly navigation and visually appealing elements,
    enhances accessibility and reach. In summary, a comprehensive portfolio
    highlights one's abilities, expands professional networks, and opens doors to new
    opportunities.

    You might also like