The brief.

Re-brand of the existing online application.

CounterBooks is an online retail accounting system offering a full general ledger designed specifically for retailers.

What we did.

User interface design and front-end development of HTML templates.
 Multi-device design for tablet and desktop.

Expertise provided.

  • Front-End Development
  • Responsive Web Design
  • User Experience (UX) Design
  • User Interface (UI) Design

MULTI-DEVICE DESIGN

  • Developed multi-device templates to adapt to all devices.
  • Navigation bar for the user login and settings.
  • Tabs with breadcrumbs for an easy section scan and navigation.
  • Implemented effective responsive tables for reports.
  • Intelligent use of the brand colours.

CounterBooks interface.

GOALS AND APPROACH

CounterBooks have recently undergone a re-brand and as a result, UI Farm were the chosen agency to provide design and front-end development services for their online application.

After a thorough analysis of the existing website, UI Farm started designing the UX of the complex navigation formed by a three level menu and breadcrumbs, and all the main pages.

CounterBooks navigation before and after the re-design.

FLUID TABLES

Once the client signed off the UI designs proposed, UI Farm developed the HTML/CSS multi-device templates to adapt to all devices, including tablets.

As considerable amount of the website content is grouped in tables, UI Farm created effective responsive tables to be correctly visualised on tablets.

CounterBooks has a strong market in Germany, Scandinavia and Eastern European countries. All the graphic elements are defined via CSS and for the icons a font has been used, so that a longer copy won’t break the layout.

Report tables.