showcase

scanatrax

year
2021
role
front-end, back-end, ui/ux, branding, user research, prototyping
based
auckland, new zealand
  • .net
  • c#
  • javascript
  • html
  • sass
  • bootstrap
  • figma
  • ai
  • psd

front-end, back-end, ui/ux, branding, user research, prototyping

View project ↓

auckland, new zealand

hello@erindhoxha.dev

available for freelance work

social

twitter / instagram / facebook

Scanatrax is a static pallet and cargo dimensioning system made by Atrax in Auckland. A forklift sets a pallet down on the scale, lasers on a rotating arm measure it, and the operator gets the length, width, height and weight in a few seconds. I designed and built the software the operators use: the login, the scan screen and the admin pages behind it.

Atrax products are used at over 800 airport sites in more than 160 countries, and Scanatrax runs in express parcel and air cargo hubs across the Middle East, Asia and Oceania. Charging by measured volume instead of hand measurement is where the value is, and Atrax customers report revenue going up by around ten percent once they switch.

The scan screen

The operator enters an order number, or an air waybill depending on how the site is set up. The field suggests recent numbers, and the keypad button next to it opens an on-screen keypad, since the screen on the post is a touch screen. They pick a tare, press Scan, and the arm does its pass.

Each piece lands as a row in the table with its length, width and height, the volume, the dimensional factor and dimensional weight, and the gross, tare and net weight. From that row they can print a label for the piece or open the scan image to check it. The live reading from the scale sits in the header, so the load is visible before anything is scanned.

Behind the scan tab are the admin pages for config, logs, users, settings and calibration.

Logging in

Operators log in with a PIN on the on-screen keypad and go straight to scanning. Admins log in separately. The login screen also shows the machine's details, like the scanner, VCU and weigh scale serial numbers, the calibration count and how many pieces were scanned today, so they are on hand whenever someone needs them.

How it was built

I worked on it end to end: the UI/UX, the front end and the back end. I designed the screens in Figma, Illustrator and Photoshop, built the interface in JavaScript, HTML and Sass using BEM and Bootstrap, and built the .NET back end behind it, from logins and users to the scan data the operators work with.

work

  1. Lawfty D2C Client Facing Project

    Direct-to-consumer campaign landing pages running on the Sanity CMS I built. Marketing assembles a page from modules and A/B tests whole layouts through the experiments layer, no developer needed.

    next.jstypescriptsanity.iographql+32026new york, us
  2. Lawfty Firms Project

    Campaign sites for partner law firms, all from one content source. Each site reads its own colours, logo and copy from the campaign config, so launching a firm is a content job instead of a new codebase.

    next.jstypescriptsanity.iographql+32026new york, us
  3. Lawfty 2.0 Internal Dashboard & Design System

    Lawfty is the data-powered personal injury law firm that offers a clear advantage in uncertain times nationwide, since 2013.

    reacttypescriptlangchainrag+82025/2026new york, us
  4. DebugCon I & II

    DebugCon is a coding conference for developers held in Prishtina, Kosovo. I was tasked to design and develop their website, also helped with branding and marketing.

    jssasshtml5figma+22022auckland, new zealand
  5. Underwriting

    The rebuild of redIQ, a multifamily underwriting platform, as Radix Underwriting. Deals, rent rolls, operating statements and valuations in one React app, with a new design system underneath.

    reacttypescriptprismapostgresql+12026remote
  6. ThankSites

    My own product: personalised birthday, Valentine's and New Year websites you make in a few minutes, pay for once and send as a link, or schedule to land in someone's inbox at the right moment.

    next.jstypescriptprismapostgresql+32026pristina, kosovo
  7. Cimerat

    An app for finding a room or a roommate in Kosovo. Owners post their rooms, people looking post themselves with a budget, and the search understands the many ways people write Albanian.

    react nativeexpotypescriptnode+22025pristina, kosovo
  8. InstaListDiff

    A free tool that shows who doesn't follow you back on Instagram, using the data export Instagram gives you. Everything runs in the browser, so nobody has to hand their login to a third-party app.

    javascriptvitetailwind2024pristina, kosovo
  9. EpicFreeGamesMail

    EpicFreeGamesMail is a tool that sends you an email every time a new free game is available on the Epic Games Store, built with React and TypeScript.

    nodegithub actionsmailjetsupabase+12025pristina, kosovo
  10. Airways New Zealand

    Airways is New Zealand's leading air navigation service provider. I was tasked to design and develop their air trafic controller manuals and showcasing a new way of how to navigate through them.

    jssasshtmlaxure rp7+22021auckland, new zealand
  11. 99urban

    99Urban is a streetwear brand, built by me, using Shopify. I designed and developed the website, worked with marketing and dove into the world of SEO and Dropshipping.

    reactshopifyliquidjest+22021auckland, new zealand
  12. Mailfomo

    Mailfomo is a daily top links aggregator, sending you the most popular links of the day to your email. The goal was to create a simple and easy to use app, with a focus to never miss the latest news.

    reacttypescriptnodesass+42023sydney, australia
  13. Prime Panels Showroom

    Prime Panels is a leading manufacturer of melamine panels. I was tasked to design and develop their showroom website. The website was shown at the Auckland Home Show 2022.

    jshtmltailwindfigma2022auckland, new zealand
  14. NZ Research Information System

    NZRIS is a web application for the New Zealand government. I was tasked with creating a digital solution for NZRIS, a new online hub dedicated to the research, science, and innovation sector.

    jshtmlcssuxpin+22021auckland, new zealand
  15. WilsonArt

    Wilsonart, a leader in decorative laminates, engaged me to design and develop their website for the New Zealand market. The website is built with Umbraco CMS, and it's fully responsive.

    javascripthtml5sassai+22022auckland, new zealand
  16. Kablamo

    Kablamo is a digital product and innovation company. One of the projects I've worked on is a known bank in Canada, an app for iOS and Android built with React Native.

    reactreact nativetypescriptrquery+22024sydney, australia
  17. Lobster & Tap

    Lobster&Tap is a seafood restaurant in Auckland, NZ, Lobster&Tap engaged me to design and develop their Kiosk web-app which allows customers to order food and drinks.

    javascriptbootstrapfigmaai+22022auckland, new zealand
  18. Daruma

    Daruma is a Japanese restaurant in Auckland, NZ. I was tasked to develop their Kiosk web-app which allows customers to order food and drinks.

    javascriptbootstrapumbracofigma+22022auckland, new zealand
  19. Linea Del Plata

    Linea Del Plata is a shipping company made up of private business groups with a long history in the maritime industry. I was tasked to design and develop their booking platform.

    jshtmltailwindfigma2022auckland, new zealand
  20. Scanatrax

    Scanatrax is a static pallet and cargo dimensioning system that delivers fast, accurate and reliable results, with full after-sales support. I was tasked to design and develop their website.

    .netc#javascriptsass+42021auckland, new zealand
  21. Flatmately

    Flatmately is a flatmate finder app, built for New Zealand and Australian market. I was tasked to design and develop their website, and also helped with branding and marketing.

    jshtmltailwindfigma2021auckland, new zealandcase study incoming
  22. NxtStep

    NxtStep is a job board for students and graduates. I was tasked to design and develop their website, and also helped with branding and marketing.

    jshtmlbootstrapsketch+22021auckland, new zealandcase study incoming
  23. Yoga With Kassandra

    Yoga With Kassandra is a yoga teacher and content creator. I was tasked to design and develop her website and courses platform while I was working at VidApp.

    jshtmlsasswordpress+22020auckland, new zealandcase study incoming
  24. Tourism New Zealand

    Tourism New Zealand is a website I've built to showcase my skills utilising JavaScript, HTML5, CSS3, SASS, Bootstrap, Sketch. I was tasked to design and develop their website.

    jshtml5css3sass+22020auckland, new zealandcase study incoming
  25. Renkon

    Renkon is a Japanese restaurant, I've pitched the new website and design for the ordering app. I used JavaScript, HTML5, CSS3, SASS, Handlebars and Bootstrap to build the website.

    jshtml5css3sass+32020auckland, new zealandcase study incoming
  26. DotaPopQuiz

    DotaPopQuiz is a quiz app built with JavaScript, HTML5, SASS, PHP. It was built as a fun project to make a game to increase brand awareness and to learn more about JavaScript and PHP.

    jshtml5css3sass+32020auckland, new zealandcase study incoming
  27. VidApp

    VidApp is a video streaming platform. I was tasked to design and develop their website and the platform where users would publish their customised app for iOS and Android.

    wordpressjshtmlsass+22019auckland, new zealandcase study incoming