The partnership between Boonmee Lab and our collaborator, the dataCon team, has led to the dataCon project, aimed at developing a website to promote the upcoming data connect event in 2024. This website will serve as a central hub for attendees with an interest in the event, the website will provide essential information, schedules, and resources related to the event.

Process

Design Process

This project is somewhat our pilot project on implementing Boonmee Lab’s internal developed ‘UXD Template’ on commission project, and also a pilot project for our newly introduced ‘Boonmee Lab Express’ service. After reviewing client’s requirements, the contents themselves aren’t complicated and most likely would turn out in the same pattern for every year, and that makes our objective to make a simple but reusable layout that can be repeated and applied on different themes or key visuals of the future events.

In this project, we applied sitemap, typo, colors, button and UI document from our UXD tool kit into our design process, using templates and element sizes our designer already researched and decided beforehand, then applied client’s key visual to the template to create both UX and UI design.

Development Process

The Datacon project is a multi-page website developed using Nuxt.js, with dynamic content sourced from a CMS called Strapi.

The objective of this project is to promote a data conference event scheduled for this year. The website serves as a platform to provide details about each speaker and the activities planned for each day of the event, organized into a schedule and various activities.

Developer's Workflow Steps

Understand design and various features to find tools that yield compatible results.
Prepare the database (CMS).
Install the project and divide the work into sections: layout, data fetching, components.
Develop different parts, then integrate and refine them.
Refine after testing and identify areas for improvement.

In addition, in this project, I will be attempting to write unit tests to test the functionality of functions or the correctness of certain parts of the output. This addition may not be of significant importance as it's mainly an exercise to practice writing tests. However, it will provide an opportunity to learn and improve my unit testing skills.

Challenge

Design Challenge

The most challenging part of this project is probably assessing client’s requirement then choose a possible method to serve website’s main functions effectively within a limited timeframe under what our ‘Express’ project can entail. For ‘Express’ projects, we try to cut the deliverable deadline shorter than our usual commission project, so the decisions we made before jumping into the design and development process must be precise, minimizing man hour as much as we can while also maintaining our meticulous standard.

Development Challenge

Utilizing tools to detect the position of scrolling to highlight the correct sections. We've experimented with various methods to achieve the best results.
Because we have a tight deadline for this project, we've had to work quickly to finish different parts on time.
Writing unit tests for the parts that need to yield reliable results. There are several areas that require time for study, which is why we haven't yet implemented extensive test cases in this project.

Our works

Strapi CMS With Visit Bangkok

Contact

View details