![](https://freight.cargo.site/t/original/i/ba2e85cd3d2fa3a9310eaa02170df76512c7455a1013647b5e877c8ea6e34fd8/header_SegawaGardens_03.jpg)
Overview
Segawa Gardens is a fictional Botanical Garden, named after phycologist Sokichi Segawa. This is a proud local Botanical Garden that hosts one of the most renowned seaweed collections in the world. It aims to serve as a community node as much as it aspires to share its passion for the Plant World.
I imagined the app for Segawa Gardens as a tool that serves three purposes: communicate the events taking place (from symposiums to workshops for children) to their recurring audience, which is mostly local families and individuals; share their thorough specimen collection with a wider audience, and guide their visitors through their visit to the gardens.
Design Process
![](https://freight.cargo.site/t/original/i/1d9e9c4dec74b39aab6cca8117f7877227f95a6a401666ecc4660cea82c841f3/design_process_segawa_new_1.jpg)
![](https://freight.cargo.site/t/original/i/ec0f6d36d1dd062259b6c37c7daf5dae616edcd032a7b3ddc02a16572f2c6212/design_process_segawa_new_6.jpg)
![](https://freight.cargo.site/t/original/i/b63fce1be270ac5bddcf995bfd69ee477dbbb97d710d3c111c37085cb5e34d05/design_process_segawa_new_7.jpg)
![](https://freight.cargo.site/t/original/i/7404186f260a95058612aff2cecb0acf46545ede876642ac226c61344c3d0ab6/design_process_segawa_new_8.jpg)
![](https://freight.cargo.site/t/original/i/5720004bc7bd7ab1dccf2f75bfda079e5c2f993e35df9e895815079b979e307b/design_process_segawa_new_9.jpg)
![](https://freight.cargo.site/t/original/i/41736bd57066d9f7c9817b444681498c6dfcc6b4b4bbe8faeb23b76f101eba8c/design_process_segawa_new_10.jpg)
![](https://freight.cargo.site/t/original/i/68b291ec1d6aeef21f981b59e2caf95f968856302eee7470f1b9ccd8820f63bc/design_process_segawa_new_11.jpg)
![](https://freight.cargo.site/t/original/i/5b5cb13c441ec086fd48fb30d219496c071ac159e977318f22fb75ec01d6f2ee/design_process_segawa_new_12.jpg)
Tools
For this project, all Illustrations were made with Affinity Designer and Affinity Photo, and the UI Design was made exclusively in Sketch. Resulting Design
![](https://freight.cargo.site/t/original/i/9b41cf6954427fa421a5b16af6b19d5bf41cba8ec69247917b311d5df9e482d4/Segawa_Gardens_screens_3_1.jpg)
![](https://freight.cargo.site/t/original/i/4a99201df41a5d88f3fda2606e4cb76faae193dac95ef77b71694fe541bcb803/Segawa_Gardens_screens_3_2.jpg)
![](https://freight.cargo.site/t/original/i/afcdffceaad50892421686ca28d37c92ac6a71ae192762cb8b918e3ada4fcc30/Segawa_Gardens_screens_3_3.jpg)
![](https://freight.cargo.site/t/original/i/47a8b670323fabfeaa86a96db20fef5bfbab71e0a23252514e46b3508a2449dd/Segawa_Gardens_screens_3_4.jpg)
![](https://freight.cargo.site/t/original/i/8c8b028837a25a7f1c91781b3de388d636caceceef47f85bfb79d93af8aa748b/Segawa_Gardens_screens_3_5.jpg)
![](https://freight.cargo.site/t/original/i/27979cc8b45fa9b36c6ec07ac0854ad7dfad262245dec1920845416ca9bfd511/Segawa_Gardens_screens_3_6.jpg)
![](https://freight.cargo.site/t/original/i/86a0559a7e2c756b25564d97919f6c35dbd6b36194c772c79d6dc48bd189818b/Segawa_Gardens_screens_3_7.jpg)
![](https://freight.cargo.site/t/original/i/6f207e8b24f0a3a058c4e437497e84dd8ae086fac7288c455d2cf780eed40dca/Segawa_Gardens_screens_3_8.jpg)
![](https://freight.cargo.site/t/original/i/fb052092d511e753bfc5e94ca404ab85e79eb15d3b62c6198ef3709c82d0c4ba/Segawa_Gardens_screens_3_9.jpg)
![](https://freight.cargo.site/t/original/i/a93863c928b3417f825f37f2826c0db1bfbeb34fafa6a8250d64a311c62705f2/Segawa_Gardens_screens_3_10.jpg)
![](https://freight.cargo.site/t/original/i/0839fe3e5998704d5832aef83bcd829cf5841255408a927c1e02b756f50e5a7f/Segawa_Gardens_screens_3_11.jpg)
![](https://freight.cargo.site/t/original/i/73b0aa9af5853ecd6fb8545398137e0bdec2ac487afd51e72c6a72d36f9f6e49/Segawa_Gardens_screens_3_13.jpg)
![](https://freight.cargo.site/t/original/i/b2168b4e609ba4c96276b50cd264eca3396734e4b5f4c9aca89ffafdb3a47a01/Segawa_Gardens_screens_3_14.jpg)
![](https://freight.cargo.site/t/original/i/0f48ed1afb09d112f15289e4208b12364633fec842b6a7c54dfce725b3d8d498/Segawa_Gardens_screens_3_15.jpg)
![](https://freight.cargo.site/t/original/i/f48a9434aeb152cc61f44eade0740147172cb5e6af6060aa628a219bad5dda75/Segawa_Gardens_screens_3_16.jpg)
![](https://freight.cargo.site/t/original/i/9fc07af845d1442f06e30374e708f849620a20c3e0b445b268b24d83dbcc6d67/Segawa_Gardens_screens_3_17.jpg)
![](https://freight.cargo.site/t/original/i/d1a8f74fd818026f92116e439d75d18acf637624d118f2886ea308eb293972f8/Segawa_Gardens_screens_3_18.jpg)
Style Guide
I created this style guide to establish the basic visual guidances to consider when engaging with the user interface design and help me structure the process.
![](https://freight.cargo.site/t/original/i/8bcf0d3a5d0f7818a85a4f82a6fa6d78fd242b99b26d6cd8a0a78e9d36a47cf3/design_process_segawa_new_13.jpg)
![](https://freight.cargo.site/t/original/i/cf855209613a3b62c7eb0eb17343f63a886e52b79027d806c87bd508b3d8b0fd/design_process_segawa_new_14.jpg)
![](https://freight.cargo.site/t/original/i/8ae2956dc1cb867468d7c8f0f072f1c45a361dc27b04276f5354e6aec07f7fe8/design_process_segawa_new_15.jpg)
![](https://freight.cargo.site/t/original/i/eff326a505106a7d12f7990fabba32b20d0df2c60bf5946e22cac9762d28041c/design_process_segawa_new_20.jpg)
![](https://freight.cargo.site/t/original/i/82bdc7072852f85ce372bb8ff76d5de4a61443cb54f2697971dd61b0156236aa/design_process_segawa_new_16.jpg)
![](https://freight.cargo.site/t/original/i/6f1f5b0ba9067dd8c90f52222cf1b6318620a4f318ec35e90405249d30117324/design_process_segawa_new_17.jpg)
![](https://freight.cargo.site/t/original/i/5efc3098698be27a1737e0c527e48a924dca2c7491161308e10b559397c41d39/design_process_segawa_new_18.jpg)
Images used in this project by: cottonbro studio,
Marcus Aurelius, Ketut Subiyanto, Andrea Piacquadio, luiisrtz, Charles Parker, Michelle Leman and David Clode.
Marcus Aurelius, Ketut Subiyanto, Andrea Piacquadio, luiisrtz, Charles Parker, Michelle Leman and David Clode.