My role involved designing 3 key pages: print runs, book dashboard and shipment booking. This was done in Figma, guided by iterative feedback from my manager and a colleague. I streamlined the print run data by creating a concise dashboard with categorized panels. I also designed a page displaying print run account balances, catering for the 2 payment types, enhancing payment status communication. The book dashboard aimed to integrate an activity feed into the existing book overview page, streamlining employee navigation and communication with the customer. It featured an activity feed, with side panels summarizing editor details, design tasks, official approval, and production. Finally, the shipment booking, a new feature, which simplifies the shipping process and aiding international clients with cost estimates. I designed a user-friendly form for booking with a confirmation screen. Then I used Next.js and React with ShadCn web components to code the Figma pages I designed. I created a mock API using Express.js, closely resembling the existing one, and prioritized building the shipment booking feature. This began with a detailed shipping form and branched into a simplified shipment calculator. I then integrated these functions with the mock API before connecting to the SendCloud API for real shipping data from various providers.
