Website Design

Website Design

1. Task requirements

   • pescribed criteria
     • Background colour, background image, font, and font colour
       • Font
       • Backround colour
       • Backround Image
     • PC 2
       • Images for every step
       • Paragraphs
       • Buttons to easily access different webpages
     • PC 3
       • Boxes that display information
       • special affects when user sends an input
       • Information directly referencing images
   • Self determined criteria
     • Website to be easily understandable
       • Buttons to redirect user to other parts of the website and other websites such as J perm and cs timer
       • Paragraphs to display information about CFOP, ZZ and Roux
       • Font sizes and types to make the source look more professional
     • The website needs to be aesthetically appleasing to the user
       • special affects when user sends and input such as icon or colour change
       • Buttons to make the website look better/neat and easy to navigate.
       • Paragraphs that display the information for different algorithms and parts of the website

2. coding environment

   • Developer Tools
     • Notepad++ is highly recommended for coding as it is has algorithm types such as CSS and HTML
     • Coding language
   • Key algorithms
     • website navigation
     • other important algorithms

3. existing solutions

   • Basic website
     • easy to understand/ create
       • less time consuming less problems
       • good reviews users come back
     • not profession
       • less features to use
       • Less users
   • More advanced website
     • professional more fun to use
       • The website looks more professional making more people use it
       • more fun to use as there is more features and effects
     • harder to code
       • easier to make a mistake
       • More time consuming

4. user interface

   • features
     • other features
     • example and dark mode
   • user interface components
     • buttons
       • Go back home
       • Want to practice solves
       • Want to learn algorithms
     • images
       • Algorithm Images
       • Rubix cube images
     • links
       • Cs timer
       • J perm website
   • asthetic
     • colours
       • Green
       • Blue

5. User persona

   • needs
     • Bartholomew needs to solve a cube in 10 seconds to enter a rubix cube competition that requires a sub 10 second solve
   • Frustrations
     • Bartholomew is fustrated that he isn't making progress when solving and his times are not going down no matter how much he learns
   • goals
     • Bartholomew wants the website to teach him algorithms for CFOP more effectively and he wants to make the algorithms he has already learnt muscle memory
   • about them
     • Bartholomew works part time shifts in a boba tea shop meaning he got alot of free time to learn rubix cubing for his university rubik's cube tornament