E-Waste Storyboard
AIS (2022)
![Artboard 1](http://nutbsu.com/wp-content/uploads/2023/04/Artboard-1.png)
![Artboard 1 copy](http://nutbsu.com/wp-content/uploads/2023/04/Artboard-1-copy.png)
![Artboard 1 copy 2](http://nutbsu.com/wp-content/uploads/2023/04/Artboard-1-copy-2.png)
![](http://nutbsu.com/wp-content/uploads/2023/11/Group-1.png)
Working Process
Working with the Product Owner (PO), Scrum Master (SM), System Integrator (SI), and System Analyst (SA) in the Health Tech team, following the Scrum process. We are clarifying and discussing business rules within the Health Tech team. As part of this process, we are in the midst of creating user journey and activity diagrams.
User Journey
![](http://nutbsu.com/wp-content/uploads/2023/11/Slide-16_9-2-1.png)
Sketch Wireframe
Sketching a rough wireframe based on the user journey and some of the identified business rules. This process is aimed at generating new ideas and laying the groundwork for a potential design.transformed the rough sketch and design into a wireframe and flow using Figma. I then clarified the position, business rules, and flows with the team.
![](http://nutbsu.com/wp-content/uploads/2023/11/Group.png)
![](http://nutbsu.com/wp-content/uploads/2023/11/Slide-16_9-1-826x1024.png)
UI Design
brought the confirmed wireframe and transformed it into a UI design. The design, including color, elements, art style, font, and spacing, adheres to DigitalCo’s system design rules.
![](http://nutbsu.com/wp-content/uploads/2023/11/Slide-16_9-22.png)
![](http://nutbsu.com/wp-content/uploads/2023/11/Frame-34496-1.png)
![](http://nutbsu.com/wp-content/uploads/2023/11/Frame-34495-1.png)
![](http://nutbsu.com/wp-content/uploads/2023/11/Frame-34494-1.png)
![](http://nutbsu.com/wp-content/uploads/2023/11/Frame-34497-1.png)
Flexidrive Storyboard
AIS (2022)
![Frame 51](http://nutbsu.com/wp-content/uploads/2023/04/Frame-51.png)
![Frame 52](http://nutbsu.com/wp-content/uploads/2023/04/Frame-52.png)
![Frame 53](http://nutbsu.com/wp-content/uploads/2023/04/Frame-53.png)
![Frame 54](http://nutbsu.com/wp-content/uploads/2023/04/Frame-54.png)
![Frame 55](http://nutbsu.com/wp-content/uploads/2023/04/Frame-55.png)
Sukonta Herbology Packaging
Sukonta Osot (2020)
![3](http://nutbsu.com/wp-content/uploads/2023/04/3.png)
![1](http://nutbsu.com/wp-content/uploads/2023/04/1.png)
![4-3-scaled](http://nutbsu.com/wp-content/uploads/2023/04/4-3-scaled-1.jpg)
![2](http://nutbsu.com/wp-content/uploads/2023/04/2.png)
![Box4_TRansp-1](http://nutbsu.com/wp-content/uploads/2023/04/Box4_TRansp-1.png)
![Box1_TRansp-1](http://nutbsu.com/wp-content/uploads/2023/04/Box1_TRansp-1.png)
![Box2_TRansp-1](http://nutbsu.com/wp-content/uploads/2023/04/Box2_TRansp-1.png)
Sukonta Osot Story Ilustration
Sukonta Osot Story Book (2019)
![001](http://nutbsu.com/wp-content/uploads/2023/04/001.jpg)
![002](http://nutbsu.com/wp-content/uploads/2023/04/002.jpg)
![003](http://nutbsu.com/wp-content/uploads/2023/04/003.jpg)
![004](http://nutbsu.com/wp-content/uploads/2023/04/004.jpg)
![006](http://nutbsu.com/wp-content/uploads/2023/04/006.jpg)
![005](http://nutbsu.com/wp-content/uploads/2023/04/005.jpg)
![007](http://nutbsu.com/wp-content/uploads/2023/04/007.jpg)
![008](http://nutbsu.com/wp-content/uploads/2023/04/008.jpg)
![009](http://nutbsu.com/wp-content/uploads/2023/04/009.jpg)
![010](http://nutbsu.com/wp-content/uploads/2023/04/010.jpg)
Asset Design for Beeber Application
Beeber Application (2019)
![](http://nutbsu.com/wp-content/uploads/2023/04/Bronze-960x960-1.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Silver-960x960-1.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Gold-960x960-1.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Diamond-960x960-1.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Badge_1-2048x2048-1-1024x1024.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Badge_2-2048x2048-1-1024x1024.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Badge_3-2048x2048-1-1024x1024.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Badge_4-2048x2048-1-1024x1024.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Legendary-2048x2048-1-1024x1024.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/HeartBalloon-2048x2048-1-1024x1024.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Pegasus-2048x2048-1-1024x1024.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Plane-2048x2048-1-1024x1024.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Wagon-2048x2048-1-1024x1024.png)
ScentSitive Storyboard
Joylada Ookbe (2020)
![7](http://nutbsu.com/wp-content/uploads/2023/04/7.jpg)
![23](http://nutbsu.com/wp-content/uploads/2023/04/23.jpg)
![Story_b_1-scaled](http://nutbsu.com/wp-content/uploads/2023/04/Story_b_1-scaled-1.jpg)
![Story_b_2-scaled](http://nutbsu.com/wp-content/uploads/2023/04/Story_b_2-scaled-1.jpg)
Who Storyboard
Joylada Ookbe (2020)
![3-1-scaled](http://nutbsu.com/wp-content/uploads/2023/04/3-1-scaled-1.jpg)
![1-1-scaled](http://nutbsu.com/wp-content/uploads/2023/04/1-1-scaled-1.jpg)
![2-1-scaled](http://nutbsu.com/wp-content/uploads/2023/04/2-1-scaled-1.jpg)
![4-1-scaled](http://nutbsu.com/wp-content/uploads/2023/04/4-1-scaled-1.jpg)
THARN TYPE Storyboard
Thanwalai (2020)
![StoryBoard-1-copy-scaled](http://nutbsu.com/wp-content/uploads/2023/04/StoryBoard-1-copy-scaled-1.jpg)
![StoryBoard-3-copy-scaled](http://nutbsu.com/wp-content/uploads/2023/04/StoryBoard-3-copy-scaled-1.jpg)
![StoryBoard-11-copy-scaled](http://nutbsu.com/wp-content/uploads/2023/04/StoryBoard-11-copy-scaled-1.jpg)
![StoryBoard-15-copy-scaled](http://nutbsu.com/wp-content/uploads/2023/04/StoryBoard-15-copy-scaled-1.jpg)
PRESERVED WILDLIFE OF THAILAND
THINKNET (2018)
![map_en-1 (1) map_en-1 (1)](http://nutbsu.com/wp-content/uploads/elementor/thumbs/map_en-1-1-q544pn5k39a3eh493efbm90g21a6jennan6xfqn56o.jpg)
![](http://nutbsu.com/wp-content/uploads/2023/04/Wildlife_1-576x1024-1.png)
![](http://nutbsu.com/wp-content/uploads/2023/04/Orchids_2-1.png)
THAI
ORCHIDS
THINKNET (2018)
![orchids_en-707×1024 (1) orchids_en-707x1024 (1)](http://nutbsu.com/wp-content/uploads/elementor/thumbs/orchids_en-707x1024-1-q544zep73anc0mxm2mdsisau855gi7f9az6ix85wjk.jpg)
THINKNET CITY ILLUSTRATION
THINKNET (2017)
![thinknetillustrated_black-01 (1)](http://nutbsu.com/wp-content/uploads/2023/04/thinknetillustrated_black-01-1.jpg)
![thinknetillustrated_white-01 (1)](http://nutbsu.com/wp-content/uploads/2023/04/thinknetillustrated_white-01-1.jpg)