The UI design is aimed to create a casual yet professional feel. The layout of the poems and gallery achieves this via a grid system. The grid
allows content to feel more collected. In-line with sound UI and UX practices, the site features:
Meaningful hyperlinks (not Click 'here' but rather links on appropriate keywords)
Meaningful input structues (for example a slider for range based input). The respective input structures were chosen to allow user to
immediately grasp the nature of input such as: textboxes for text, radio buttons and checkboxes for choices and sliders for numeric inputs.
Incorporation of icons when hovering over links to indicate the link direction (For example return links show a reverse arrow)
Extensive use of meaningful display structures. (For example lists for grouped content and grids for graphic content)
Visual feedback (For example when you hover over an image in the gallery a link appears to go to the respective poem)
A focus on graphical elements and icons (Icons were used rather than text where possible)
Colour scheme
The colour pallette for the website is aimed to create a professional,calm and friendly atmosphere. The use of a light blue background (#F6FFF8) is aimed to create
a subduend feeling and the red (#B23850) is used for the headings for more emphasis.
CSS structures
For the Gallery, Poetry and the matches result (on the Match finder form )
pages, the CSS grid structure was used. This was chosen as the grid structure will allow the page to be more responsive (it will automatically adjust
its coloums and rows based on the current pages scaling). Furthermore, the grid structure also allows for a more controlled layout.