\",\"icon\":\"instagram\",\"link\":\"https://www.instagram.com/alwintantowi/\"},{\"svg\":\"\",\"icon\":\"linkedin-in\",\"link\":\"https://www.linkedin.com/in/alwin-tantowi/\"}],\"settings\":{\"styles\":{\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"2/3/3/9\",\"icon-size\":\"24px\",\"icon-color\":\"var(--colors-dark)\",\"icon-spacing\":\"\",\"icon-direction\":\"row\",\"icon-color-hover\":\"#3a3a3a\",\"m-element-margin\":\"0 0 32px 0\",\"space-between-icons\":\"32px\"},\"useBrandColors\":false}},\"bzFtlt3cG\":{\"type\":\"GridTextBox\",\"content\":\"
Redefining a Virtual Store App
\",\"settings\":{\"styles\":{\"text\":\"center\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"6/6/7/12\",\"m-align-self\":\"flex-start\",\"m-element-margin\":\"0 0 12px 0\"}}},\"c3HMfHvv5\":{\"type\":\"GridTextBox\",\"content\":\"We wanted to make an infinite scrolling product search to improve user engagement. The issue was it's not feasible from the technical side and since we wanted to improve the app performance, the idea was scrapped.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"64/3/66/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"cZG0NAg4k\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"href\":\"AySY8C3Rp\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/Alfamind-YbNG6Ek1gNTXwpxv.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"m-width\":\"100%\",\"position\":\"1/1/9/8\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 23px 0\"},\"target\":\"_self\"}},\"dTbHceNxJ\":{\"type\":\"GridTextBox\",\"content\":\"UX Designer
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"3/3/4/8\",\"m-element-margin\":\"0 0 24px 0\"}}},\"dVv_aKmcV\":{\"type\":\"GridTextBox\",\"content\":\"Alfamind AR
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"8/9/9/12\",\"m-element-margin\":\"0 0 40px 0\"}}},\"eQ7jC-Uw_\":{\"type\":\"GridTextBox\",\"content\":\"alwintantowi@gmail.com
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/3/2/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"eYjmPEx5t\":{\"type\":\"GridTextBox\",\"content\":\"When there was a store owners gathering in September 2019, we conducted a direct observation on users navigating through the app. We found that :
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"22/3/23/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"ebugGjJ10\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"href\":\"BN6VtVT5i\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/Alfamind-YbNG6Ek1gNTXwpxv.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"3/3/8/9\",\"m-element-margin\":\"0 0 8px 0\"},\"target\":\"_self\"}},\"ehY2560Ld\":{\"type\":\"GridTextBox\",\"content\":\"Ensuring that the design process is properly done from user research to prototyping is important to make sure that you don't need to redo the design process all over again when there is something that is fundamentally wrong
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/7/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"iLmTwY8nm\":{\"type\":\"GridTextBox\",\"content\":\"Before we propose the total design overhaul, we looked into the problems and we found several important issues to address as soon as possible :
1. Update the visual design to the current trends since it affected the attractiveness of the app for new users.
2. We need to improve the performance of the app because there were many issues on transactions as pointed out by the users. (This was a note for the engineers)
3. We need to redefine the user journey since we decided to change the target users from buyers to store owners.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"54/9/60/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"iOnRYK5XU\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/large-wireframe-mP49GOg2G1u4avE7.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"26/1/57/17\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 16px 0\"}}},\"jAh1CTTmR\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/performa-toko-mp8POnLxl1c1ekjE.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"75/12/85/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"jRflKrByV\":{\"type\":\"GridTextBox\",\"content\":\"Website contents and design by © 2021 Alwin Tantowi
\",\"settings\":{\"styles\":{\"text\":\"right\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/11/2/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"ju--xkSrm\":{\"type\":\"GridTextBox\",\"content\":\"At first we wanted to separate the users into three, guest users, regular users and store owner users, since we want to make the app easier to access for new users because signing up as a store owner right away is a magnitude more complicated than being a guest and regular users (Need KTP, bank data, and etc). But our partner requested that separating the users could complicate the marketing side since it would need additional education for the users, so in the end we changed it into an incremental level of users, from guest to regular store owner to verified store owners. The users are not informed on which one they are, they are just prompted to complete the data needed.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"81/7/85/13\",\"m-element-margin\":\"0 0 8px 0\"}}},\"k-qX30pg8\":{\"type\":\"GridTextBox\",\"content\":\"Project Sector
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"5/10/6/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"k1jck4vBK\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"href\":\"ZcUUaSH__\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/main-image-m2WjO7q6EwTQGany.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"21/1/29/8\",\"m-element-margin\":\"0 0 16px 0\"},\"target\":\"_self\"}},\"kpX26-GCS\":{\"type\":\"GridTextBox\",\"content\":\"In the existing app, there are two main problems with the implementation of the AR feature. The first is that it's too hidden inside the app, it's as if it's just an add-on that was added on last minute. The second issue is many times the AR itself becomes a hindrance for the user experience. We need to remember that most users (lower-middle income users) don't have state-of-the-art devices, so the AR feature could make the app performance too heavy. The AR feature in the front page also inhibits users from quickly do what they want to do in the app, which is buying products, because they were forced to go through several animations and loading time.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"22/3/24/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"krtn-Z4mo\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/img-YlejEORZ2Gu7opOZ.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"39/3/49/15\",\"object-fit\":\"contain\",\"m-element-margin\":\"0 0 48px 0\"}}},\"l3vZH7gmh\":{\"type\":\"GridTextBox\",\"content\":\"Some features that was planned to emphasize on the AR experience couldn't be implemented because of technical limitation from both front end and back end, and from the users' side too. Some examples are the 3D data of the products that we needed aren't done yet, so the AR on some products need to be disabled. We compromise this by adding information such as \\\"3D will be available later!\\\". Other feature is we couldn't make a full AR experience when shopping because it would be too heavy on general users' phones (lower-end Android phones). As such we still couldn't put the feature front and center like how IKEA Place did, but we still make the option clear enough to see.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"70/3/73/15\",\"m-element-margin\":\"0 0 8px 0\"}}},\"lAVwSS6Dl\":{\"type\":\"GridTextBox\",\"content\":\"Translating the haggling process of ingredients procurement between suppliers and buyers onto a digital platform. In partnership with PPJI.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"24/9/26/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"lTHdbX2M-\":{\"type\":\"GridTextBox\",\"content\":\"Key questions of the project:
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/5/10\",\"m-element-margin\":\"0 0 24px 0\"}}},\"mEtmAPGzK\":{\"type\":\"GridButton\",\"content\":\"View Project\",\"settings\":{\"href\":\"_HeoCwxaL\",\"type\":\"primary\",\"styles\":{\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"27/9/29/15\",\"m-element-margin\":\"0 0 16px 0\",\"grid-button-primary-color\":\"var(--colors-accent-1)\",\"grid-button-primary-color-hover\":\"var(--colors-primary)\",\"grid-button-primary-border-color\":\"var(--colors-accent-1)\",\"grid-button-primary-color-active\":\"var(--colors-accent-1)\",\"grid-button-secondary-color-hover\":\"var(--colors-secondary)\",\"grid-button-secondary-border-color\":\"rgba(83, 145, 145, 0)\",\"grid-button-primary-background-color\":\"rgba(83, 145, 145, 0)\",\"grid-button-primary-border-color-hover\":\"var(--colors-primary)\",\"grid-button-primary-border-color-active\":\"var(--colors-accent-1)\",\"grid-button-secondary-border-color-hover\":\"rgba(83, 145, 145, 0)\",\"grid-button-secondary-border-color-active\":\"rgba(83, 145, 145, 0)\",\"grid-button-primary-background-color-hover\":\"rgba(83, 145, 145, 0)\",\"grid-button-primary-background-color-active\":\"rgba(83, 145, 145, 0)\",\"grid-button-secondary-background-color-hover\":\"rgba(83, 145, 145, 0)\"},\"target\":\"_self\"}},\"miqxwIqIL\":{\"type\":\"GridTextBox\",\"content\":\"Alfamind AR
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"8/3/9/6\",\"m-element-margin\":\"0 0 40px 0\"}}},\"mt0BLCobI\":{\"type\":\"GridTextBox\",\"content\":\"Redefining the target users from buyers to store owners is needed
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"68/3/70/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"q73P0Wa_b\":{\"type\":\"GridTextBox\",\"content\":\"Research Conclusion
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"66/3/67/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"qFI3rLTzE\":{\"type\":\"GridTextBox\",\"content\":\"The more we analyze the user journey, the more we realized that we need to do a content restructuring for the whole app from user onboarding to advocating to other potential users.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"62/3/64/15\",\"m-element-margin\":\"0 0 48px 0\"}}},\"qQdp9rY-g\":{\"type\":\"GridTextBox\",\"content\":\"Challenge and Compromise #1
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"63/3/64/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"r7lLPva5G\":{\"type\":\"GridTextBox\",\"content\":\"2019, live in Q2 2021 (tentative)
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"m-width\":\"100%\",\"position\":\"6/12/7/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"sVWzErtuc\":{\"type\":\"GridTextBox\",\"content\":\"E-commerce, Virtual Store
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"5/12/6/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"se7LnC2hd\":{\"type\":\"GridTextBox\",\"content\":\"2019
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"26/12/27/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"sgguN7YLv\":{\"type\":\"GridTextBox\",\"content\":\"Who Are the Users?
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/3/5/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"tTama69EK\":{\"type\":\"GridTextBox\",\"content\":\"Clear and consistent CTA components position and sizes
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"17/7/19/11\",\"m-element-margin\":\"0 0 24px 0\"}}},\"tm0uTSLPl\":{\"type\":\"GridTextBox\",\"content\":\"Advantages of using a digital platform needs to be emphasized to attract users
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"50/11/52/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"tuWvlTOBB\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"href\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/Homepage-dWxJq09k9LsMqeXP.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"94/12/108/15\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 16px 0\"}}},\"uwnHzATob\":{\"type\":\"GridTextBox\",\"content\":\"Alfamind AR
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"13/9/14/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"vyHIwn2FW\":{\"type\":\"GridTextBox\",\"content\":\"1. We moved some usually more hidden functions such as Transaction History and Wallet to the front page because store owners frequently access them to check their ongoing transactions.
2. We remove some sub-menus and put the contents at the front to make it easier for users to search for them, such as in the Account menu for example. We want users to be able to directly access different menus without going into each sub-menus.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"59/3/62/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"wTfdOyJ99\":{\"type\":\"GridTextBox\",\"content\":\"Jualanmind
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"23/9/24/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"xRP0X7GH_\":{\"type\":\"GridTextBox\",\"content\":\"A virtual store app of Alfamart that facilitates users with a platform to open their own digital version of an Alfamart store with ease and near-zero costs.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"4/9/6/15\",\"m-element-margin\":\"0 0 8px 0\"}}},\"xTu_NA8QZ\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/note-alfamind-lite-test-AVL9Beob6at5v29a.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"33/5/49/13\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 16px 0\"}}},\"zlZc-lH1u\":{\"type\":\"GridTextBox\",\"content\":\"Alfamind Lite
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"3/9/4/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"zukBt8Acd\":{\"type\":\"GridTextBox\",\"content\":\"Many visual design in the app were messy on smaller phones and phones where the users change the text size. This disrupted the usability and readability.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"28/9/31/15\",\"m-element-margin\":\"0 0 48px 0\"}}},\"-2ZoDDsMwu\":{\"type\":\"GridTextBox\",\"content\":\"Design Guideline
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"19/3/20/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"3xGxNnGwvx\":{\"type\":\"GridTextBox\",\"content\":\"Role
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"4/10/5/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"7JYrfZbav_\":{\"type\":\"GridTextBox\",\"content\":\"Visual Design
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"3/3/4/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"9i1B9n47k5\":{\"type\":\"GridTextBox\",\"content\":\"Alfamind Lite
\",\"settings\":{\"styles\":{\"text\":\"center\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/6/6/12\",\"m-align-self\":\"flex-start\",\"m-element-margin\":\"0 0 12px 0\"}}},\"EzKnDwzKkk\":{\"type\":\"GridTextBox\",\"content\":\"In the middle of the development a new feature was added, which is the Store Performance (Performa Toko). Store Performance's main function is to inform users about their store's performance for a period of time and their monthly/quarterly sales targets.
Since this function is a quite complicated one, especially for non tech-savvy users, we decided to add notification at the homepage and put more emphasize on user education in the Store Performance page. Impacts to the design was also analyzed to make sure that this major design update could seamlessly blend with the overall flow (and for the CMS too).
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"76/3/80/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"FQpM5AzsHA\":{\"type\":\"GridTextBox\",\"content\":\"Septian Ade Nugroho (UI Designer)
15+ team of engineers
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"6/12/8/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"IsSHuSDGjK\":{\"type\":\"GridTextBox\",\"content\":\"April 2020 - Ongoing
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"8/12/9/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"JDDCRFwWRK\":{\"type\":\"GridTextBox\",\"content\":\"Alfamind AR
\",\"settings\":{\"styles\":{\"text\":\"center\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/6/6/12\",\"m-align-self\":\"flex-start\",\"m-element-margin\":\"0 0 12px 0\"}}},\"M1z0177YmQ\":{\"type\":\"GridTextBox\",\"content\":\"Looking at the user data available, the majority of our users are from the lower-income families, or more specifically, the said families' housewives.
When building a design for the more elderly and non tech-savvy users, there are two important aspects that we need to pay attention to. The first is very-explicit usability, while the second one is readability (if we don't take the visually impaired users into account for now).
Usability alone is usually not enough when facing non tech-savvy users, especially in a developing country like Indonesia. That's why a very explicit approach is needed, typically with clearer contrasts and explanations for every actions. Readability is also one of the main focus, and it doesn't only involve text sizes but also contrast between texts and contents. This involves aforementioned size, positioning, color, and font type.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/9/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"NIFbHePsy0\":{\"type\":\"GridTextBox\",\"content\":\"UX Designer, helped with UI Design along the way
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"4/12/5/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"OQwt90qGAD\":{\"type\":\"GridTextBox\",\"content\":\"Role
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"4/10/5/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"Pt7GAiBdeh\":{\"type\":\"GridTextBox\",\"content\":\"Jualanmind is a project collaboration between WIR-Mindstores and PPJI. It is a B2B e-commerce platform aimed for suppliers and buyers in the hospitality industry, in particular restaurants. What differentiates this project from a regular e-commerce website or app is that the haggling process is the key feature that has to be built in the project because it's how the transactions usually happen between stakeholders. This means that the design has to address the bidding flow between suppliers and buyers, and it was a challenge because in real life it's often a random and chaotic process.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"4/3/8/9\",\"m-element-margin\":\"0 0 24px 0\"}}},\"QYyGEF07w5\":{\"type\":\"GridTextBox\",\"content\":\"What's Next?
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/5/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"R5eUizeCxO\":{\"type\":\"GridTextBox\",\"content\":\"Team
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"6/10/7/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"SchfQqYk3N\":{\"type\":\"GridTextBox\",\"content\":\"Overview
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"2/3/4/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"TZ5-L1l1ew\":{\"type\":\"GridTextBox\",\"content\":\"The goal of this project is to tailor the app design towards AR-supported virtual store experience for the users.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"8/3/10/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"WiBMwsBQkC\":{\"type\":\"GridTextBox\",\"content\":\"The goal of this project is to redefine the app to accommodate the main user needs, which is for the store owners.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"8/3/10/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"XdxxtowObR\":{\"type\":\"GridTextBox\",\"content\":\"Overview
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"2/3/4/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"ZIA0bt3FJN\":{\"type\":\"GridTextBox\",\"content\":\"Translating Haggling into a Digital Platform
\",\"settings\":{\"styles\":{\"text\":\"center\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"6/5/8/13\",\"m-align-self\":\"flex-start\",\"m-element-margin\":\"0 0 12px 0\"}}},\"ZaqqSLQ_VT\":{\"type\":\"GridTextBox\",\"content\":\"2019
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"8/12/9/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"ZdNJ-qldES\":{\"type\":\"GridTextBox\",\"content\":\"Ideation
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"3/3/4/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"_0B2GuicwX\":{\"type\":\"GridTextBox\",\"content\":\"E-commerce, B2B
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"5/12/6/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"_STHanTdqu\":{\"type\":\"GridTextBox\",\"content\":\"Brainstorming for the Content Structure
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/3/5/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"awIWi3Z2dv\":{\"type\":\"GridTextBox\",\"content\":\"From the visual design standpoint, the main objective is to make the app as readable and accessible as possible for everyone.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"23/3/25/15\",\"m-element-margin\":\"0 0 48px 0\"}}},\"btYfAlTlSA\":{\"type\":\"GridTextBox\",\"content\":\"Alfamind AR is a virtual store app partnering with Alfamart that is aimed to enable even lower-income users to open a digital Alfamart store as a side hustle. The key difference between this project and Alfamind Lite is here Augmented Reality (AR) support is implemented to enhance the user experience throughout the store.
In a similar vein as Alfamind Lite, this project was also already ongoing before we began the redesign process. The triggers for the overhaul project are the renewal of Alfamind Lite, outdated existing design, and the need to enhance the AR experience on the app.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"4/3/8/9\",\"m-element-margin\":\"0 0 24px 0\"}}},\"dQIpjKh-3b\":{\"type\":\"GridTextBox\",\"content\":\"Project Length
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"8/10/9/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"eY2AJBU821\":{\"type\":\"GridTextBox\",\"content\":\"Septian Ade Nugroho (UI Designer)
10+ team of engineers
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"6/12/8/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"h2ErT_44nX\":{\"type\":\"GridTextBox\",\"content\":\"Team
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"6/10/7/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"ihMYy92mhW\":{\"type\":\"GridTextBox\",\"content\":\"Research Phase
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/4/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"jSqUVfdmwy\":{\"type\":\"GridTextBox\",\"content\":\"Project Sector
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"5/10/6/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"juYeUJST9t\":{\"type\":\"GridTextBox\",\"content\":\"UX Designer, helped with UI Design along the way
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"4/12/5/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"njSKVTWFQd\":{\"type\":\"GridTextBox\",\"content\":\"Challenge and Compromise #4
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"75/3/76/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"oKQg97TvR9\":{\"type\":\"GridTextBox\",\"content\":\"The goal of this project is to design a compact flow of bidding between suppliers and buyers.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"8/3/10/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"oWd5PBOplE\":{\"type\":\"GridTextBox\",\"content\":\"Project Length
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"8/10/9/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"p6ChFqyDwG\":{\"type\":\"GridTextBox\",\"content\":\"Project Sector
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"5/10/6/12\",\"m-element-margin\":\"0 0 8px 0\"}}},\"u9_NfHr-Uf\":{\"type\":\"GridTextBox\",\"content\":\"Jualanmind
\",\"settings\":{\"styles\":{\"text\":\"center\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/6/6/12\",\"m-align-self\":\"flex-start\",\"m-element-margin\":\"0 0 12px 0\"}}},\"vmepKt8ixj\":{\"type\":\"GridTextBox\",\"content\":\"UX Designer, helped with UI Design along the way
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"4/12/5/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"x6xdYF8tQN\":{\"type\":\"GridTextBox\",\"content\":\"Overview
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"2/3/4/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"y5cM3zmFhI\":{\"type\":\"GridTextBox\",\"content\":\"Enhancing the Virtual Store Experience with AR
\",\"settings\":{\"styles\":{\"text\":\"center\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"6/5/8/13\",\"m-align-self\":\"flex-start\",\"m-element-margin\":\"0 0 12px 0\"}}},\"yvBPVCNtYJ\":{\"type\":\"GridTextBox\",\"content\":\"E-commerce, Virtual Store, AR
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"m-width\":\"100%\",\"position\":\"5/12/6/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"zdKW_9d3Kc\":{\"type\":\"GridTextBox\",\"content\":\"Currently the project is in development and it's expected to be done by February 2021. After the development is done, we could research the overall usability through user feedbacks. There are also several new features that will be expanded upon, such as a personal store for store owners.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/7/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"0-qeGxlfKfb\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/homepage-AE0e9roQzWT93970.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"4/3/14/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"0JcxOfZ0NCe\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/haggling-YyvnagMGo6Seqvr2.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"27/9/31/15\",\"object-fit\":\"contain\",\"m-element-margin\":\"0 0 16px 0\"}}},\"19697N9DaOk\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/Style-Guide-AMqG588wkXcj1Bp3.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"19/3/62/15\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 16px 0\"}}},\"1io72UxXtL3\":{\"type\":\"GridTextBox\",\"content\":\"Lessons Learned
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/5/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"2GSTf-FDwPS\":{\"type\":\"GridTextBox\",\"content\":\"Text fields for notes and \\\"Other\\\" option are provided for category, measurement, and price
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"56/3/58/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"2vh6wy5vvMa\":{\"type\":\"GridTextBox\",\"content\":\"Research, Brainstorm, and Sketching for Ideas
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/3/5/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"3W4vZO2C7sl\":{\"type\":\"GridTextBox\",\"content\":\"Data is key, especially for more complicated projects
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/6/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"3_JD9RVNlE-\":{\"type\":\"GridTextBox\",\"content\":\"Designing for AR means blurring between the digital and physical world. As such we have to make sure that users' safety is the number one priority to prevent unwanted accidents
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"8/3/10/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"5X_HXxeQHy_\":{\"type\":\"GridTextBox\",\"content\":\"Data collecting is especially important in this project
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"50/3/52/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"6QN4M5mDUYq\":{\"type\":\"GridTextBox\",\"content\":\"Other Projects
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"2/3/3/10\",\"m-element-margin\":\"0 0 16px 0\"}}},\"6V2937qopKp\":{\"type\":\"GridTextBox\",\"content\":\"Some limitation for the users have to be implemented to prevent misuse of categorization
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"47/7/49/11\",\"m-element-margin\":\"0 0 24px 0\"}}},\"6V9pDYfSujb\":{\"type\":\"GridTextBox\",\"content\":\"Ideation
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"3/3/4/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"70Q8LYO8Nro\":{\"type\":\"GridTextBox\",\"content\":\"Key questions of the project:
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/5/10\",\"m-element-margin\":\"0 0 24px 0\"}}},\"7IML2hZaHV1\":{\"type\":\"GridTextBox\",\"content\":\"Challenge and Compromise #2
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"62/3/63/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"7TEoUOA6HKz\":{\"type\":\"GridTextBox\",\"content\":\"For the buyers
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/6/6\",\"m-element-margin\":\"0 0 16px 0\"}}},\"7WdQaKFSlrd\":{\"type\":\"GridTextBox\",\"content\":\"Designing for a seamless AR experience while ensuring users' convenience and safety when shopping
\",\"settings\":{\"styles\":{\"text\":\"center\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"14/3/15/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"8-WfRYosKxv\":{\"type\":\"GridTextBox\",\"content\":\"Competitor Analysis
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"35/3/36/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"8RBu830JYFE\":{\"type\":\"GridTextBox\",\"content\":\"We needed to pinpoint on what would make the user happily use the AR feature without obstructing the main purpose of the app, which for Alfamind AR is shopping.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"42/3/45/9\",\"m-element-margin\":\"0 0 48px 0\"}}},\"8fyTH5NbaNW\":{\"type\":\"GridTextBox\",\"content\":\"Each step in the user journey has guides and helpers
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"53/11/55/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"9HRlBOOHsmg\":{\"type\":\"GridTextBox\",\"content\":\"Notifications are clearly present on key points, especially regarding prices and transaction duration
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"56/11/58/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"9laTk_abMTp\":{\"type\":\"GridTextBox\",\"content\":\"Accommodate the visual design for AR experience
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"66/7/68/11\",\"m-element-margin\":\"0 0 16px 0\"}}},\"9xIWfOiXlJY\":{\"type\":\"GridTextBox\",\"content\":\"1. In both app, the AR feature are positioned front and center for users when they access either the app or the product detail page. This ensures that users know the existence of the feature and use it.
2. The AR feature itself doesn't obstruct the main experience. If people just want to shop, they could just skip to checkout and not be bothered with the AR feature.
3. The AR usage is based on what the users need. In IKEA it's for placing the furniture in your room, while in Sephora it's for comparing between different make-ups. In Alfamind AR we haven't defined for what exactly is the AR for.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"37/3/42/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"AkXUgxoJW4F\":{\"type\":\"GridTextBox\",\"content\":\"Ideation
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"3/3/4/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"BgijahTpqQY\":{\"type\":\"GridTextBox\",\"content\":\"Recreating a UI from portrait to landscape orientation was harder than what I usually thought. Several features and content hierarchy needed to rearranged to suit the new orientation.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"98/3/99/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"C3RCoC6I2fw\":{\"type\":\"GridTextBox\",\"content\":\"Hello There!
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/3/3/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"DCgcxJ7zQpz\":{\"type\":\"GridTextBox\",\"content\":\"Challenge and Compromise #1
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"61/3/62/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"DnDXD5ieXK9\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/WhatsApp-Image-at-YX45OenkX9S5Q89w.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"14/3/24/15\",\"m-element-margin\":\"0 0 8px 0\"}}},\"E62tpaKyJT3\":{\"type\":\"GridTextBox\",\"content\":\"Since it's a complicated process to go through, we wanted to make sure that every users understand what is happening in the journey, what is being done, and what they need to do.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"59/3/61/15\",\"m-element-margin\":\"0 0 48px 0\"}}},\"ELlEswjGMYC\":{\"type\":\"GridTextBox\",\"content\":\"AR as a Focus, Not a Gimmick
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/3/5/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"EkE6CoyxHNA\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/WhatsApp-Image-at-YKbp7g7O1Zh8DKN9.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"5/3/13/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"FPEjfi3xx83\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/WhatsApp-Image-at-AzG9vKvpDJC2qj6B.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"5/9/13/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"G66U6UiO3wq\":{\"type\":\"GridTextBox\",\"content\":\"Understanding the Key Points in the Process
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/3/5/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"GFBBz5t9_EG\":{\"type\":\"GridTextBox\",\"content\":\"Remove the virtual \\\"floors\\\" on the design, emphasize on search function instead
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"17/3/19/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"GJ1kzimZVDm\":{\"type\":\"GridTextBox\",\"content\":\"Even though AR is new in Indonesia, keep the feature as simple as possible
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"20/11/22/15\",\"m-element-margin\":\"0 0 48px 0\"}}},\"H1CVBkdFY3v\":{\"type\":\"GridTextBox\",\"content\":\"Define what the user needs from the AR feature
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"66/3/68/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"H6uqyE9oSAY\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/wireframe-landing-page-YX45Oga8a0H8ErW9.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"63/9/75/15\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 40px 0\"}}},\"HovfQjMHztt\":{\"type\":\"GridTextBox\",\"content\":\"Buyers could ask for a price from several sellers at once
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"56/7/58/11\",\"m-element-margin\":\"0 0 24px 0\"}}},\"IPWTyLL7NhO\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/Performa-Toko-YlejXQbN01cl4xqo.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"99/3/109/15\",\"object-fit\":\"contain\",\"m-element-margin\":\"0 0 16px 0\"}}},\"Isx6fGbb1v_\":{\"type\":\"GridTextBox\",\"content\":\"For the separation between sellers and buyers in the onboarding, we decided to use a separate landing page for this issue. This means that we had to design a whole new website to accommodate this decision.
The question that we needed to answer was, should we prioritize buyers or suppliers? The first decision was to balance between the two as seen in the homepage wireframe presented. But in the end we decided to focus on suppliers first to later attract more buyers. As such we catered the content structure towards attracting suppliers to Jualanmind, such as showing user testimony, companies that have joined, number of buyers, and etc.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"63/3/68/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"JK_rcKrWHDj\":{\"type\":\"GridTextBox\",\"content\":\"Sometimes many helpers and notifications are fine to first familiarize the users with a unique concept
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"7/3/8/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"JWuPuGozzdi\":{\"type\":\"GridSocialIcons\",\"links\":[{\"svg\":\"\",\"icon\":\"instagram\",\"link\":\"https://www.instagram.com/alwintantowi/\"},{\"svg\":\"\",\"icon\":\"linkedin-in\",\"link\":\"https://www.linkedin.com/in/alwin-tantowi/\"}],\"settings\":{\"styles\":{\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"2/3/3/9\",\"icon-size\":\"24px\",\"icon-color\":\"var(--colors-dark)\",\"icon-spacing\":\"\",\"icon-direction\":\"row\",\"icon-color-hover\":\"#3a3a3a\",\"m-element-margin\":\"0 0 32px 0\",\"space-between-icons\":\"32px\"},\"useBrandColors\":false}},\"KAbEKs4RwR8\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/large-visual-design-YZ95LjkxVxUoOLnl.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"64/1/95/17\",\"object-fit\":\"contain\",\"m-element-margin\":\"0 0 40px 0\"}}},\"KVate0XfnHR\":{\"type\":\"GridTextBox\",\"content\":\"1. Adjustments in experience from Alfamind Lite to Alfamind AR is needed because of the existence of AR feature. As such, user onboarding such as Customer Service (Layanan) was taken to the front instead of hidden inside the Account page.
2. We made it clear for the users when AR feature is present by signifying the portion of images on the screen to make sure that they could prepare the space needed before they move around. Some forms of warning and notifications are put to instruct them on how to interact with the 3D objects.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"57/3/60/15\",\"m-element-margin\":\"0 0 48px 0\"}}},\"KeFOE6OZ_L1\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/homepage-wireframe-AVL94aWo74cDeOMo.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"62/9/67/15\",\"object-fit\":\"contain\",\"m-element-margin\":\"0 0 40px 0\"}}},\"Kl5fSIc1__o\":{\"type\":\"GridTextBox\",\"content\":\"Augmented reality is still a new industry in the technology world, but it has seen a significant growth in 2020 and expected to grow even further in 2021. Alfamind AR aimed to use AR to enhance users' shopping experience with Alfamind. The issue was, in the old design the AR feature itself was not the main focus, instead it's just an add-on on top of an e-commerce app (which is also wrong in itself since Alfamind is a virtual store app, not an e-commerce app).
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/7/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"MIGOpi5HQs3\":{\"type\":\"GridTextBox\",\"content\":\"Separation between sellers and buyers is needed
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"50/7/52/11\",\"m-element-margin\":\"0 0 16px 0\"}}},\"MnN1meHfbbY\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/WhatsApp-Image-at-AVL9476LnjuqR1b2.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"5/11/13/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"NcPRibOmrNG\":{\"type\":\"GridTextBox\",\"content\":\"Jualanmind showcase in an event
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"24/3/25/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"NlBoX0cKbuB\":{\"type\":\"GridTextBox\",\"content\":\"alwintantowi@gmail.com
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/3/2/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"OPf7_miwMrd\":{\"type\":\"GridTextBox\",\"content\":\"All in all, designing an AR-focused app needs a different approach from traditional UI/UX design. It needs to take into account on what the users want and need when we blur the boundaries between reality and digital.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"57/3/59/15\",\"m-element-margin\":\"0 0 48px 0\"}}},\"OSh9IHagIfA\":{\"type\":\"GridTextBox\",\"content\":\"Research Conclusion
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"61/3/62/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"Oe_RUYWRE0r\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/ikeaar-AR09QLZe2xceEZQr.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"36/9/42/15\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 16px 0\"}}},\"OsrtV66y3ey\":{\"type\":\"GridTextBox\",\"content\":\"alwintantowi@gmail.com
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/3/2/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"PKUtTHLLVr6\":{\"type\":\"GridTextBox\",\"content\":\"The first question that we as a team asked was, \\\"What happened in a haggle between two parties?\\\" After we meet the potential users (buyers and sellers) in events and pinpointed the needs, we basically broke down the process into these:
1. Buyers look up for the products (in this case, ingredients) and who sells them while comparing between each of them.
2. Buyers contact the Sellers, and ask for the price.
3. Sellers give the initial price for the Buyers.
4. Buyers and Sellers begin to haggle for the agreeable price for both parties.
5. The price is set, then the transaction begins.
6. After the transaction is finished, the Sellers deliver the products to the Buyers.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/12/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"SGuw1ZDFj2w\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"href\":\"BN6VtVT5i\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/Alfamind-YbNG6Ek1gNTXwpxv.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"3/9/8/15\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 8px 0\"},\"target\":\"_self\"}},\"SKHPOFV0Js5\":{\"type\":\"GridTextBox\",\"content\":\"The user journey is basically divided between search, bid, transaction, and delivery
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"47/3/49/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"SU4SCwdhvRd\":{\"type\":\"GridTextBox\",\"content\":\"Literature Research
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"47/9/48/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"Sy6DgLttfLc\":{\"type\":\"GridSocialIcons\",\"links\":[{\"svg\":\"\",\"icon\":\"instagram\",\"link\":\"https://www.instagram.com/alwintantowi/\"},{\"svg\":\"\",\"icon\":\"linkedin-in\",\"link\":\"https://www.linkedin.com/in/alwin-tantowi/\"}],\"settings\":{\"styles\":{\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"2/3/3/9\",\"icon-size\":\"24px\",\"icon-color\":\"var(--colors-dark)\",\"icon-spacing\":\"\",\"icon-direction\":\"row\",\"icon-color-hover\":\"#3a3a3a\",\"m-element-margin\":\"0 0 32px 0\",\"space-between-icons\":\"32px\"},\"useBrandColors\":false}},\"T-Fsmt8M9ZH\":{\"type\":\"GridTextBox\",\"content\":\"What's Next?
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/5/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"T_m56eTqSaX\":{\"type\":\"GridTextBox\",\"content\":\"Designing a landscape oriented UI needs a different point of view from designing a portrait one
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"14/3/15/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"TbztbfW4nRq\":{\"type\":\"GridTextBox\",\"content\":\"Website contents and design by © 2021 Alwin Tantowi
\",\"settings\":{\"styles\":{\"text\":\"right\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/11/2/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"U1PbJ6Pbw6T\":{\"type\":\"GridTextBox\",\"content\":\"Key questions of the project:
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/5/10\",\"m-element-margin\":\"0 0 24px 0\"}}},\"UEf2g7dpRoa\":{\"type\":\"GridTextBox\",\"content\":\"Currently the project is on hold when the bidding process was in development. The next feature that was proposed was supplier profile page, and the preliminary concept design was already done.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/7/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"UUyLzl8HNgq\":{\"type\":\"GridTextBox\",\"content\":\"Alfamind Lite
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"8/9/9/12\",\"m-element-margin\":\"0 0 40px 0\"}}},\"UbrB7lRXEoM\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/Color-Guidance-m5Ky4vyP5kiZWb1e.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"20/3/34/8\",\"object-fit\":\"contain\",\"m-element-margin\":\"0 0 16px 0\"}}},\"UxhFcCsc7dE\":{\"type\":\"GridTextBox\",\"content\":\"My name is Alwin Tantowi, I'm a UX Designer based in Jakarta
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"3/3/4/15\",\"m-element-margin\":\"0 0 32px 0\"}}},\"V_XCn2um_q4\":{\"type\":\"GridTextBox\",\"content\":\"Making the AR not obstruct the shopping experience
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"63/11/65/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"Vgg0kLaCV0H\":{\"type\":\"GridTextBox\",\"content\":\"Competitor Analysis
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"35/3/36/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"WZVwVmzXj3L\":{\"type\":\"GridTextBox\",\"content\":\"On the other hand, the process still needs to be as clear as possible
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"47/11/49/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"WrEScNUUvQO\":{\"type\":\"GridTextBox\",\"content\":\"Website contents and design by © 2021 Alwin Tantowi
\",\"settings\":{\"styles\":{\"text\":\"right\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/11/2/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"X5rZaUV2JtZ\":{\"type\":\"GridTextBox\",\"content\":\"Emphasize on images to attract users on the object
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"17/11/19/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"XB9PHGrQKya\":{\"type\":\"GridTextBox\",\"content\":\"\",\"settings\":{\"styles\":{\"text\":\"right\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"9/12/10/15\",\"m-element-margin\":\"0 0 44px 0\"}}},\"XEInCeUYHuu\":{\"type\":\"GridTextBox\",\"content\":\"alwintantowi@gmail.com
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/3/2/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"XLXQ0KLs1FZ\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/Homepage-transparent-mxBQG8W4DOs5ZXbz.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"5/3/17/8\",\"m-element-margin\":\"0 0 16px 0\"}}},\"YUlWC_hF8Mo\":{\"type\":\"GridTextBox\",\"content\":\"Design Guideline
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"18/3/19/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"_7-BP0N6Jk_\":{\"type\":\"GridTextBox\",\"content\":\"Based on the research, we came up with several solutions for the pain points
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"51/3/52/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"_mCNBSDpo2E\":{\"type\":\"GridTextBox\",\"content\":\"Next Project
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"2/3/3/10\",\"m-element-margin\":\"0 0 16px 0\"}}},\"_rXNaQw3HP4\":{\"type\":\"GridTextBox\",\"content\":\"The process itself is not too complicated as it's just the usual transaction between two parties. What makes this project a challenge is that each kinds of ingredients have different measurement and expiration dates. There also issues with the price because the suppliers said that ingredients prices are everchanging daily. From this issue we found that we couldn't use the same metric for all transactions, but at the same time if we put too many options it would complicate the process and confuse the users.
The compromise that we did was we first decide on the more general measurements such as kg, g, and etc. We would collect more data on what the users need by opening an \\\"other\\\" option for measurement, and then we would improve the options based on that. As for the expiration date and price, we decided to limit the time of haggling between sellers and buyers so that the prices could adapt with the market more easily.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"27/3/33/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"aEuL1aR93hg\":{\"type\":\"GridTextBox\",\"content\":\"\",\"settings\":{\"styles\":{\"text\":\"right\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"9/12/10/15\",\"m-element-margin\":\"0 0 44px 0\"}}},\"aadfIHQ67EW\":{\"type\":\"GridTextBox\",\"content\":\"Use general measurements such as kg, g, cm, packs, and pcs first
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"53/7/55/11\",\"m-element-margin\":\"0 0 24px 0\"}}},\"b0w1xwBdX5i\":{\"type\":\"GridTextBox\",\"content\":\"Clearer prompt on when the users could use AR and when they're not
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"20/3/22/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"c6oE3Sicbup\":{\"type\":\"GridTextBox\",\"content\":\"Key Takeaways From the Wireframe
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"56/3/57/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"c7dws0RcFp7\":{\"type\":\"GridTextBox\",\"content\":\"Website contents and design by © 2021 Alwin Tantowi
\",\"settings\":{\"styles\":{\"text\":\"right\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/11/2/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"c_nSLSiqLir\":{\"type\":\"GridTextBox\",\"content\":\"Research Conclusion
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"45/3/46/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"fFlQQaGYsL4\":{\"type\":\"GridTextBox\",\"content\":\"Research Phase
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/4/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"fUwF31Krzi4\":{\"type\":\"GridTextBox\",\"content\":\"alwintantowi@gmail.com
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/3/2/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"gUYlSUlsTHR\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/large-visual-design-supplier-YZ95LgkzrouG6QLn.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"40/1/71/17\",\"object-fit\":\"contain\",\"m-element-margin\":\"0 0 40px 0\"}}},\"g_-cdrmK8eV\":{\"type\":\"GridTextBox\",\"content\":\"Visual Design
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"3/3/4/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"hq1H7yY5Mcf\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/WhatsApp-Image-at-m2Wjy8abxJTVo92j.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"48/3/56/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"iTtzOV5iOux\":{\"type\":\"GridTextBox\",\"content\":\"1. What makes a great AR experience in an app?
2. How to enhance an existing experience with AR support?
3. How to make AR experience not just a gimmick?
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/8/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"id-mVm3qXgs\":{\"type\":\"GridTextBox\",\"content\":\"As of writing, the design process is still ongoing. It's expected to be done on around February 2021. More advanced AR features such as interaction with physical objects may be implemented in the future, if it's technologically feasible in development.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/7/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"jclREBS4UKT\":{\"type\":\"GridTextBox\",\"content\":\"Involving engineers in the design process, especially for new features such as AR, is especially important to know the constraints in a project is important to understand the limits of your design outcome
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"11/3/13/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"kixJ41Sf_w_\":{\"type\":\"GridTextBox\",\"content\":\"Lessons Learned So Far...
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/5/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"lyq-wJU6y1J\":{\"type\":\"GridTextBox\",\"content\":\"Website contents and design by © 2021 Alwin Tantowi
\",\"settings\":{\"styles\":{\"text\":\"right\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"1/11/2/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"mNiBHrHiyH9\":{\"type\":\"GridTextBox\",\"content\":\"Experience design means simplifying a need into a clear user journey
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"9/3/11/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"mc2oUyNhcmH\":{\"type\":\"GridTextBox\",\"content\":\"From this it was clear that we need to pay special attention to the data we gathered to make sure that we provide the correct categories and measurements, also to pinpoint on which kinds of users we should focus.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"41/3/43/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"mvqJpJeymbD\":{\"type\":\"GridTextBox\",\"content\":\"Landscape orientation to accommodate AR experience
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"17/7/19/11\",\"m-element-margin\":\"0 0 24px 0\"}}},\"nFT83EMzlRj\":{\"type\":\"GridSocialIcons\",\"links\":[{\"svg\":\"\",\"icon\":\"instagram\",\"link\":\"https://www.instagram.com/alwintantowi/\"},{\"svg\":\"\",\"icon\":\"linkedin-in\",\"link\":\"https://www.linkedin.com/in/alwin-tantowi/\"}],\"settings\":{\"styles\":{\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"2/3/3/9\",\"icon-size\":\"24px\",\"icon-color\":\"var(--colors-dark)\",\"icon-spacing\":\"\",\"icon-direction\":\"row\",\"icon-color-hover\":\"#3a3a3a\",\"m-element-margin\":\"0 0 32px 0\",\"space-between-icons\":\"32px\"},\"useBrandColors\":false}},\"nFiZnm9t3ec\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/large-wireframe-Yg2bByE6bjSBjy3W.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"24/1/55/17\",\"object-fit\":\"cover\",\"m-element-margin\":\"0 0 16px 0\"}}},\"nN4_4DT-UNB\":{\"type\":\"GridTextBox\",\"content\":\"Challenge and Compromise #3
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"97/3/98/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"nqD8jbF868U\":{\"type\":\"GridTextBox\",\"content\":\"Research Phase
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/4/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"oYS6-Ua4Ht5\":{\"type\":\"GridTextBox\",\"content\":\"Right from the beginning of the website we separate the users into buyers and suppliers
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"53/3/55/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"p5y6wB3PUZO\":{\"type\":\"GridTextBox\",\"content\":\"Augmenter reality illustration
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"21/3/22/15\",\"m-element-margin\":\"0 0 40px 0\"}}},\"pan1MTwkW9E\":{\"type\":\"GridTextBox\",\"content\":\"Changing features focus towards Augmented Reality
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"63/3/65/7\",\"m-element-margin\":\"0 0 24px 0\"}}},\"q3QeKA7e1OU\":{\"type\":\"GridTextBox\",\"content\":\"Clear visual cues on AR experience
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"20/7/22/11\",\"m-element-margin\":\"0 0 24px 0\"}}},\"qdnTJ_dAz70\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/WhatsApp-Image-at-AVL9476VERcDk1w4.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"5/7/13/11\",\"m-element-margin\":\"0 0 16px 0\"}}},\"qlWLSKo-rot\":{\"type\":\"GridSocialIcons\",\"links\":[{\"svg\":\"\",\"icon\":\"instagram\",\"link\":\"https://www.instagram.com/alwintantowi/\"},{\"svg\":\"\",\"icon\":\"linkedin-in\",\"link\":\"https://www.linkedin.com/in/alwin-tantowi/\"}],\"settings\":{\"styles\":{\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"2/3/3/9\",\"icon-size\":\"24px\",\"icon-color\":\"var(--colors-dark)\",\"icon-spacing\":\"\",\"icon-direction\":\"row\",\"icon-color-hover\":\"#3a3a3a\",\"m-element-margin\":\"0 0 32px 0\",\"space-between-icons\":\"32px\"},\"useBrandColors\":false}},\"qo8c-Zl_EWC\":{\"type\":\"GridTextBox\",\"content\":\"Visual Design
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"3/3/4/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"r1j_izOxnzH\":{\"type\":\"GridTextBox\",\"content\":\"What's Next?
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"center\",\"position\":\"3/3/5/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"tXAPFmeHy2E\":{\"type\":\"GridTextBox\",\"content\":\"Jualanmind
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"8/9/9/12\",\"m-element-margin\":\"0 0 40px 0\"}}},\"uWPhS7FhsFr\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/WhatsApp-Image-at-A85Ngen55pH5xVP4.jpg\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"5/3/13/7\",\"m-element-margin\":\"0 0 16px 0\"}}},\"v1C5tVTl8WT\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"\",\"href\":\"_HeoCwxaL\",\"image\":\"https://assets.zyrosite.com//dJopzo0WwKTJ6x0E/main-image-m2WjO7q6EwTQGany.png\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"3/9/8/15\",\"m-element-margin\":\"0 0 8px 0\"},\"target\":\"_self\"}},\"v4afoWxd-NS\":{\"type\":\"GridTextBox\",\"content\":\"Challenge and Compromise #1
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"26/3/27/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"wuQkhxqJHFJ\":{\"type\":\"GridTextBox\",\"content\":\"Brainstorming for the Bidding Process
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-end\",\"position\":\"4/3/5/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"xKHJ2Mf5vwk\":{\"type\":\"GridTextBox\",\"content\":\"1. How do we simplify the haggling process into a compact user flow?
2. How do we make the process as simple as possible for the many stakeholders?
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"5/3/7/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"xrsR90r63lf\":{\"type\":\"GridTextBox\",\"content\":\"Emphasize on AR means that some visual elements are bigger from usual, and thus some compromise in content presented needed. One example is I needed to take out the Categories from the homepage, putting them entirely behind a Category sub-menu.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"62/3/64/9\",\"m-element-margin\":\"0 0 8px 0\"}}},\"xtcxL3yGVhC\":{\"type\":\"GridTextBox\",\"content\":\"Based on the research, we came up with several solutions for the pain points
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"15/3/16/15\",\"m-element-margin\":\"0 0 24px 0\"}}},\"yEFGzFB2oii\":{\"type\":\"GridTextBox\",\"content\":\"Based on different sources of literature, we could conclude that:
1. Part of the reason of the rising trend of AR is it's relatively accessible for most users with smartphones without needing additional equipment like how VR is.
2. As such, we need to take into account the ease of use of the AR feature for users, such as safety warnings in rooms and setting the space requirement expectation for the users.
3. Implementing AR means minimizing inputs that should've been needed without said AR implementation. As such the transition to using AR needs to be seamless (but still clear, to ensure users' safety).
4. Emphasize on visual cues is needed to inform users on what they could do with the AR feature, such as arrows to point out that the object could be rotated and etc.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"48/9/55/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"yKJ1B8uRyud\":{\"type\":\"GridTextBox\",\"content\":\"Some of the closest competitor that is comparable with Jualanmind that we found was Ralali, Bridestory, Upwork, and Indotrading.com
1. We need to provide a clear categorization of the products to make it easier for users to search for what they need.
2. In the same vein as the categorization, measurement data is also a high priority to obtain.
3. Websites like these are basically separated into two distinct functions, for sellers and buyers. From the user onboarding we need to clearly separate between the two users.
4. Trust is especially important to have a good customer retention because the transactions involve large quantities of products. As such, reliability and user help center have to be clear on each step of the user journey.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"36/3/41/15\",\"m-element-margin\":\"0 0 16px 0\"}}},\"yM7TCIJxJCi\":{\"type\":\"GridTextBox\",\"content\":\"Implement visual cues for clearer transition to and fro AR
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"63/7/65/11\",\"m-element-margin\":\"0 0 24px 0\"}}},\"zGsiMD-nejE\":{\"type\":\"GridTextBox\",\"content\":\"As of writing (2020) there aren't still too many examples of AR app, not to mention virtual store AR app. In the end we used IKEA Place and Sephora AR as examples.
\",\"settings\":{\"styles\":{\"text\":\"left\",\"align\":\"flex-start\",\"justify\":\"flex-start\",\"position\":\"36/3/37/9\",\"m-element-margin\":\"0 0 16px 0\"}}},\"zpKayBflGTs\":{\"type\":\"GridImage\",\"settings\":{\"alt\":\"person holding black tablet computer\",\"image\":\"https://images.unsplash.com/photo-1590126141992-d6a613152c77?ixid=MXw3MjU4M3wwfDF8c2VhcmNofDE0fHxhdWdtZW50ZWR8ZW58MHx8fA&ixlib=rb-1.2.1&w=1366&q=70&auto=format\",\"styles\":{\"align\":\"center\",\"justify\":\"center\",\"position\":\"7/3/21/15\",\"m-element-margin\":\"0 0 8px 0\"}}}},\"navigation\":{\"items\":{\"home\":{\"type\":\"Page\",\"subItems\":[\"BN6VtVT5i\",\"MWWWhjVNv\",\"_HeoCwxaL\"]},\"1vemtmuRH\":{\"type\":\"Page\",\"subItems\":[]},\"BN6VtVT5i\":{\"type\":\"Page\",\"subItems\":[]},\"MWWWhjVNv\":{\"type\":\"Page\",\"subItems\":[]},\"_HeoCwxaL\":{\"type\":\"Page\",\"subItems\":[]}},\"hidden\":false,\"itemsIds\":[\"home\",\"1vemtmuRH\"],\"hiddenItemsIds\":[]},\"blogCategories\":{},\"hasActivePlan\":1,\"domain\":\"alwintantowi.com\",\"user\":{\"fullName\":\"alwintantowi\"}}"