Web AppsMailchimp API Web Apps & Other Development.E-commerce Wordpress WebsitesWoocommerce e-commerce websites design & development.Email UsFacebookFacebookGoogleGraphic Design for print and digitalBranding & logos, icon design, brochure design, business card design & more.How we do itHow we create Wordpress websites and MERN stack applications.HTML EmailMailchimp Email Template Design & Development.InstagramLinkLinkedInMap PinSecure HostingFully managed secure hosting with a varienty of specifications.SEO & SEMSEO & SEM to improve search engine visibility.Call UsTwitterTwitterv-megaphoneWebsite DesignCustom optimised Wordpress & Joomla! websites.website-maintenanceWhat our clients sayTestimonials from our clients for Wordpress websites, hosting, maintenance and web apps.What we doWe provide Wordpress web design services, maintenence and hosting plus web apps.Who we areMeet our team of developers, designers and SEO experts.

BestPath UX & front-end development for a React.js application

  • UX design for complex app interface
  • Front-end development for React.js web app project
  • CSS transitions & animations
  • Simplification of a complex process to provide an easy to use interface

Bristles and Keys provided UX design and front end development towards the creation of an application for BestPath. The application provides an interface to navigate corporate IT IP addresses to assist staff internally and for contractors.

Application UX & Front-end Development

The UX challenge involved creating an engaging and easy to use interface that allows for different ways of filtering IP address end points. The primary methods involved multi step filters where the filters presented were conditional of previous selections. All results filtered at specific stages could be viewed and different types of filter allowed for filtration approaches with different levels of granularity.

CSS based animations were used to transition to each new selection into view on selection of the prior one.  A modular development approach allows for rapid changes to the filters and assignment to different filtration approaches.

Additional layouts were also provided to cover a d3.js sunburst chart interactive navigation and a search page.

The front-end interface was created to be incorporated within a React.js project.

Get a Quote

Contact us to discuss your project

Get in Touch

Other Projects

Millenium Global Investments Ltd New Website

Millennium Global Investments

2020 website redesign for a hedge fund, Wordpress website maintenance & fully managed website hosting

Vintage Tractor Spares

Vintage Tractor Spares

Shopify e-commerce website, seo, graphic design, social media marketing & email marketing

Rundles Graphic Design

Rundles

Graphic Design including event display panels, event stand elements and brochures

Seagry Consultancy Ltd

Seagry Consultancy Ltd

Branding, website design, website maintenance, website hosting and graphic design