- work
- Hounslow One
.work('Hounslow One')
Scope of work
While contracting at Ayup Digital, I was working on the One Hounslow website, powered by ReactJs.
My involvement was limited to front-end implementation of the search filters and the organisation pages using ReactJs and TypeScript. All the data for the components was rendered by means of consuming a REST API.
Brief
To translate the designs into a fully functioning search filters, driven by REST API's.
In addition, I also worked on creating the organsations page and fixing existing bugs across the site.
UI/UX
My aim was to make the filters easy to interact with. I achieved this by implementing a autocomplete feature allowing the user to easily filter the dropdown list.
Also, each time a filter is changed, the URL is updated to reflect the selected options. This means that if the user refreshes the page or visits that URL directly, it will pre-filter the results based on the URL parameters.
This is very handy if the user wishes to share or bookmark the page.
Accessibility
Accessibility is important in any website but more so in a website such as this where the demographic is wide ranging.
As well as the usual accessibility considerations, I also made sure that the user was able to interact with the filters using just their keyboard.