Web Development

Web Development

1. Existing Solutions

   • Wikipedia
     • Negatives
       • Bulky paragraphs with overwhelmingly amounts of text
       • User generated platform where anyone can edit articles, which could lead to inaccuracies, biases or misinformation
     • Positives
       • Multilingual Encyclopedia with over 300 languages that offers global user accessibility
       • Interactive website that supports open editing, meaning anyone can contribute, ensuring regular updates and unique perspectives
   • Amazon
     • Negatives
       • Pages contain visual clutter and information overload with numerous elements competing with each other that overwhelms users.
       • Inconsistent image resolution and proportions or uploading low-quality images that fustrates and misleads users
     • Positives
       • Page layout contains consistent branding with the signature orange and black accents
       • Website is tailored to match your recommendations and provide suggestions and has an effective navigation bar that locates specific items

2. Front-End Website Development

   • HTML
     • Table with rows and columns, and unordered lists
     • Metadata
       • Viewport controls user's visual accessibility, responsive designs and scaling on different devices
     • Multimedia Embedding
       • Embedded images, and iframes (external content)
   • CSS
     • Linked external stylesheets for visual aesthetics
       • Text font styles, decorations, background color and border radius
     • Structural Model
       • Dimensional Adjustments (Width, Height, Padding etc)

3. User Experience

   • Amazon Website
     • Repetitive user interface, every page layout is similar with no unique aesthetics
     • Crowded spacing between text layouts, distracts user from their main priority/focus