Bark

Trade lumber with certainty

2022 | producT DESIGN | DESKTOP

INTRODUCTION

Bark is a desktop app that provides lumber traders with a competitive advantage in the industry through valuable insights into the lumber market. With Bark, traders can gain access to real-time lumber prices, track their trades, receive price alerts, explore historical data, all within a single platform. I had the privilege of leading the design process from its start to completion.

My Role

Product Design
User Testing

Interaction Design

UI Design

Timeline

2021-2022

Platform

Desktop App

Due to aN NDA, I am limited in the details I can share for this project in my case study. reach out if you'd like to learn more.

Bark

Trade lumber with certainty

2022 | producT DESIGN | DESKTOP

INTRODUCTION

Bark is a desktop app that provides lumber traders with a competitive advantage in the industry through valuable insights into the lumber market. With Bark, traders can gain access to real-time lumber prices, track their trades, receive price alerts, explore historical data, all within a single platform. I had the privilege of leading the design process from its start to completion.

My Role

Product Design
User Testing

Interaction Design

UI Design

Timeline

2021-2022

Platform

Desktop App

Due to aN NDA, I am limited in the details I can share for this project in my case study. reach out if you'd like to learn more.

How did we get here?

BRINGING TECHNOLOGY INTO THE FOLD

In the world of lumber trading, traders have long relied on labour-intensive methods to do their job. This includes manually checking prices on spreadsheets and documenting them to guide trading decisions.


This process becomes even more time-consuming with the thousands of lengthy and hard-to-lookup lumber names (SKUs). Identifying this inefficiency, we took the opportunity to create a product that could revolutionize the way lumber traders operate.

GETTING THE DATA

Fortunately, we had someone on our team who worked in the industry. Through affiliation with their brokerage, we gained access to the comprehensive data necessary to make Bark effective. This data served as the foundation for Bark's functionality, enabling us to provide traders with the insights and tools they need to navigate the lumber market.

How did we get here?

BRINGING TECHNOLOGY INTO THE FOLD

In the world of lumber trading, traders have long relied on labour-intensive methods to do their job. This includes manually checking prices on spreadsheets and documenting them to guide trading decisions.


This process becomes even more time-consuming with the thousands of lengthy and hard-to-lookup lumber names (SKUs). Identifying this inefficiency, we took the opportunity to create a product that could revolutionize the way lumber traders operate.

GETTING THE DATA

Fortunately, we had someone on our team who worked in the industry. Through affiliation with their brokerage, we gained access to the comprehensive data necessary to make Bark effective. This data served as the foundation for Bark's functionality, enabling us to provide traders with the insights and tools they need to navigate the lumber market.

The beginnings

EARLY VERSIONS & WIREFRAMING

Having a trader on our team also provided us with invaluable insights into the specific needs of lumber traders. We were able to utilize their feedback and suggestions to create early prototypes of the app, allowing us to visualize and evaluate its design.


By incorporating their input from the early stages, we were able to shape the app to meet the precise demands and expectations of traders.

REFINEMENT

The app resonated very well with local traders during testing. Through their feedback, we learned about additional features and improvements that would enhance their trading experience. However, due to budget constraints, we had to prioritize certain elements over others.

VISUAL STYLE

I also took on the responsibility of designing all the components in the app's interface, including their various states and animations.

The beginnings

EARLY VERSIONS & WIREFRAMING

Having a trader on our team also provided us with invaluable insights into the specific needs of lumber traders. We were able to utilize their feedback and suggestions to create early prototypes of the app, allowing us to visualize and evaluate its design.


By incorporating their input from the early stages, we were able to shape the app to meet the precise demands and expectations of traders.

REFINEMENT

The app resonated very well with local traders during testing. Through their feedback, we learned about additional features and improvements that would enhance their trading experience. However, due to budget constraints, we had to prioritize certain elements over others.

VISUAL STYLE

I also took on the responsibility of designing all the components in the app's interface, including their various states and animations.

Trading made easier

SKU SELECTOR

We aimed to simplify the search for lumber SKUs by incorporating a design inspired by mobile number input fields. This approach, combined with arrow key inputs and autofill properties in the dropdown menu, expedited the search process for traders.


The result was a substantial reduction in search time, from minutes to mere seconds. This design proved to be a valuable time-saver for traders who handle numerous lumber SKUs daily, enhancing their overall efficiency and productivity.

MARKET ANAlYTICS

Utilizing TradingView's API, we integrated their graph to display extensive historical data for each SKU, spanning up to 20 years. Traders can easily compare lumber prices and get the data they need to evaluate market trends and optimize their trading strategies.

ALERTS

We implemented price alerts as one of the most requested features in Bark. Instead of manually checking price sheets every week, traders receive notifications when the price hits their specified threshold. This convenient functionality greatly enhances efficiency, empowering traders to make timely decisions without constant monitoring.

Trading made easier

SKU SELECTOR

We aimed to simplify the search for lumber SKUs by incorporating a design inspired by mobile number input fields. This approach, combined with arrow key inputs and autofill properties in the dropdown menu, expedited the search process for traders.


The result was a substantial reduction in search time, from minutes to mere seconds. This design proved to be a valuable time-saver for traders who handle numerous lumber SKUs daily, enhancing their overall efficiency and productivity.

MARKET ANAlYTICS

Utilizing TradingView's API, we integrated their graph to display extensive historical data for each SKU, spanning up to 20 years. Traders can easily compare lumber prices and get the data they need to evaluate market trends and optimize their trading strategies.

ALERTS

We implemented price alerts as one of the most requested features in Bark. Instead of manually checking price sheets every week, traders receive notifications when the price hits their specified threshold. This convenient functionality greatly enhances efficiency, empowering traders to make timely decisions without constant monitoring.

Closing thoughts

REFLECTION

Being involved in the entire app development process was a significant milestone for me. The experience was incredibly fulfilling as it provided a unique opportunity to learn firsthand about running startups, creating every aspect of an app to ensure its success and all intricacies of building and launching a product.

NEW HORIZONS

Being unfamiliar with lumber trading, immersing myself in this new industry was exciting. Exploring its intricacies and nuances fueled my enthusiasm and brought a profound sense of fulfillment.

WHAT I LEARNED

During the development of Bark, the launch faced multiple delays due to

Bark's to an extensive QA process. Looking back, I recognized that I could have provided clearer instructions for expected states and interactions, potentially reducing QA time. This experience served as a valuable lesson, highlighting the importance of effective communication in ensuring smoother development cycles.

Closing thoughts

REFLECTION

Being involved in the entire app development process was a significant milestone for me. The experience was incredibly fulfilling as it provided a unique opportunity to learn firsthand about running startups, creating every aspect of an app to ensure its success and all intricacies of building and launching a product.

NEW HORIZONS

Being unfamiliar with lumber trading, immersing myself in this new industry was exciting. Exploring its intricacies and nuances fueled my enthusiasm and brought a profound sense of fulfillment.

WHAT I LEARNED

During the development of Bark, the launch faced multiple delays due to

Bark's to an extensive QA process. Looking back, I recognized that I could have provided clearer instructions for expected states and interactions, potentially reducing QA time. This experience served as a valuable lesson, highlighting the importance of effective communication in ensuring smoother development cycles.

Thanks for reading 😊

Questions or want to learn more? Please feel free to send me an email at ericlee1396@outlook.com.

Check out my other projects below 👇

Making feedback fun

2023 | producT DESIGN | SLACK APP

Redesigning the account page

2022 | UI DESIGN | WEB

Testing & improving usability

2021 | UX DESIGN | MOBILE

Thanks for reading 😊

Questions or want to learn more? Please feel free to send me an email at ericlee1396@outlook.com.

Check out my other projects below 👇

Making feedback fun

2023 | producT DESIGN | SLACK APP

Redesigning the account page

2022 | UI DESIGN | WEB

Testing & improving usability

2021 | UX DESIGN | MOBILE