Website Design

Website Design

1. Task Requirements

   • Prescribed Criteria
     • Your website must include TWO aspects styled using CSS E.g. Background colour / Background image / font type / font colour
       • Must create a website
       • Website must be styled with CSS to make it look appealing for viewers
       • The website must include at least two aspects of CSS such as: background image, font colour, etc.
     • You must use HTML to organise appropriate information on your webpages using FIVE of the following: Image Table showing information Hyperlink to an external website Ordered list or Unordered list Button Different heading sizes Paragraphs Video or moving image
       • At least five elements must be used to create the website: Image Table showing information Hyperlink to an external website Ordered list or Unordered list Button
       • Add a hyperlink to an external website
       • HTML must be used to structure the webpages
       • The website must include appropriate information related to the topic
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • The website MUST be in a formal layout
       • The website must BE SIMPLE for users to understand the law
   • Self-Determined Criteria
     • Law related items included on the website
       • The website MUST have a list of contacts of recommended defence attorneys and lawyers and the price
       • The website MUST have a list of crimes and their charges

2. User Persona

   • Needs
     • want the website to list out laws, crimes, and help people in difficult situations with the law find their way out. I want people to find affordable and helpful attorneys to assist them in criminal cases through the Wright Anything Agency.
   • Frustrations
     • My frustrations are that people have not familiarized themselves with the law or cannot find the help needed for them, which leads to injustice in court cases.
   • Goals
     • trying to prove the innocence of my clients.
   • About Them
     • Likes: interested in law and justice.
     • Job: Head of the Wright Anything Agency and Veteran Defence Attorney
     • Live: L.A, California
     • Name: Phoenix Wright

3. Existing Solutions

   • https://jamesonlaw.com.au/
     • Cons
       • Not enough font variety or colours, very blank website
       • Not enough info on the page
     • Pros
       • Very neatly laid out info and links
       • A good navigation system that is neatly laid out, a lot of links.
   • https://www.brisbane-criminal-lawyers.com.au/
     • Pros
       • Fonts have diferents sizes and fonts
       • a variety of links
     • Cons
       • Not neat presentation
       • Too much info on one page

4. User Interface

   • Aesthetics
     • Colours
       • RAL 9003 Crystic GT-900 Gelcoat
       • Colours that give off a formal and professional vibe to the users.
   • User Interface Components
     • Buttons
       • Page 1 - Homepage
       • Page 2 - About Us
       • Page 3 - Procedures
     • Images
       • Law related images
     • Links
       • https://california.public.law/codes/penal_code
   • Features
     • Headings
     • Easy Navigation
     • Paragraph
   • clean-layout
     • Easy to identify features and bold colours
     • an organised layout with buttons in line, paragraphs sectioned nicely, etc
   • Images and Graphics
     • Images related to law and crime
     • Images to design the website and meet the User's Aesthetic

5. Coding Enviornment

   • Develepor Tools
     • Coding Language
       • CSS
         • describes how the HTML elemnts will be displayed
           • background-colour="####" - to select the background colour
       • HTML
         • The structure of the webpage and tells the browser how to display the content
           • <h1>, </h1> is the first heading
     • Notepad++
       • a free, open-source text and source code editor designed for the Windows environment.
   • Key Algorithms
     • Website Navigation
       • buttons
         • page 1
         • page 2
         • page 3
       • link
         • https://california.public.law/codes/penal_code