https://www.syazanasufi.com/aboutme daily 0.75 2023-02-03 https://www.syazanasufi.com/nafa-website-revamp daily 0.75 2018-05-15 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525626489841-9YVKDHI09HOWHE581B8P/Screen+Shot+2018-03-07+at+2.14.44+PM.png NAFA Website Revamp The unconventional main navigation of the existing website viewed on desktop. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525625520623-LH144RIS0WF0K1FLKULF/IMG_0610.JPG NAFA Website Revamp - Card sorting with   our users Key insights: Students don't access the main website as they have their own student portals (three, in fact). So they were confused as to what the 'My NAFA' icon meant. Working adults and current students frequently grouped financial categories together. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526373078749-530B8CJ1APT14YRP30MV/NAFAsite02.jpg NAFA Website Revamp https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525624893659-P0S09N4EIE20DF4X5V2A/NAFAsite.jpg NAFA Website Revamp https://www.syazanasufi.com/mobile-app-for-eventgoers daily 0.75 2018-05-17 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526541927043-4LPYR5IVMAK3IJ5FOK9F/DAILY+SHOPPER.jpg Mobile App for Event-Goers https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525627881251-2GROCUNUU9PO8KMSTRDK/CJM-pauline.jpg Mobile App for Event-Goers Pauline's customer journey map https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526541647643-V6T4MZWU9ESKQXXPQ6II/WhatsApp+Image+2018-05-02+at+2.11.10+PM.jpeg Mobile App for Event-Goers - Co-creation Session We presented the research and worked with our clients to ideate different features to solve the problems that we have identified. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525627702694-X4DX1ZLZEDB4ITCH8396/Purchaser.jpg Mobile App for Event-Goers https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526542589452-G7JR27H6I554CXHEVO2G/Screen+Shot+2018-05-01+at+2.11.47+PM.png Mobile App for Event-Goers Developing the wireframes of the prototype https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526016538406-KO4EB49KT62WF7ZX2ULE/IMG_8414.jpg Mobile App for Event-Goers - Making Sense of our Findings With affinity mapping we worked out the common pain points of our users. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525970737868-328ECGQXNOQ7CT1CR485/SHapp02.jpg Mobile App for Event-Goers https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525627646185-QUSDIBVQMHQ5F84EEG0Q/SHapp.jpg Mobile App for Event-Goers https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526541512150-6JM98REKH5QRPWXQEUDT/Screen+Shot+2018-05-05+at+4.11.25+PM.png Mobile App for Event-Goers Contextual inquiry where we shadowed our users and took note of their experience. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526542426432-45ARL7K2GS2Q86MG4TOO/Screen+Shot+2018-05-06+at+8.52.36+PM.png Mobile App for Event-Goers https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526542403875-BDQXKWMWW6LKFSXF8G22/Screen+Shot+2018-05-06+at+8.52.08+PM.png Mobile App for Event-Goers https://www.syazanasufi.com/ikea-mobile-app daily 0.75 2019-12-26 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526551200288-PDXPP8GERAB15QEY4PP9/IKEA+Experience-02.jpg IKEA Mobile App A customer journey map with IKEA, of the existing experience and the proposed journey https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526550884757-QA1W3J150I2K3MD19CI1/Screen+Shot+2018-04-01+at+10.46.29+PM.png IKEA Mobile App https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525688164416-D97FYR0X43MRL65TX6WL/IKEAapp2.jpg IKEA Mobile App https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526549390657-13JDE4D9VAB6CERPBCC0/ikeaiterations-03.jpg IKEA Mobile App https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526012667629-HYZ8AZAD2SUF9QTP6DGN/20180327_110532.jpg IKEA Mobile App - Round 2: In-Store Testing With the improvements made on the prototype, we tested it in-store to see what can be further improved. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526549676376-6ZZF8M0JL5NCS70GTWNA/IMG_0727.JPG IKEA Mobile App - Shopper Observations https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526549337769-4XKMOT3JUE46PP53QX48/ikeaiterations-02.jpg IKEA Mobile App https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526054535737-Q2212MVPK92NNOKSZM8R/IKEAapp3.jpg IKEA Mobile App https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1525628942787-S01LCFQJB2XD2ZWSMMFF/cover_ikea1.jpg IKEA Mobile App https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526549315109-S9AOB9BR3A6V29IEDCXO/ikeaiterations-01.jpg IKEA Mobile App https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1526012261018-48JLW86OUYF7J381EGJ8/IMG_0753.JPG IKEA Mobile App - Trend-spotting Our team working on mapping our interview findings https://www.syazanasufi.com/home daily 1.0 2021-04-19 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1617292663111-CYD9CSTSAX2S1ABDP1TT/MBCCS+Thumbnail.png HOME - Marina Bay Cruise Marina Bay Cruise Centre Singapore App https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1617292633432-KKO65JXYK5CXG53G3E7W/ION+Thumbnail.png HOME - ION Orchard ION Orchard Mobile App & Website https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1617292561572-F03MJ3SH1IZT9ZCBBG99/F1+Thumbnail.png HOME - Singapore Grand Prix Singapore Grand Prix Mobile App https://www.syazanasufi.com/ionorchard-revamp daily 0.75 2021-05-02 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619445844666-BCF2LME82Q3AWLLXMA35/ION+App+Wireframes.png ION Orchard - Synthesis & Design Early wireframe sketches to explore different hierarchy of content https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619439404241-DJ74HOCM9PSNC5BV2CP3/ION+Web+Wireframes.png ION Orchard Early wireframe sketches to explore possible layouts for the website’s homepage and loyalty rewards page https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1577365821450-8R7ZMAUNFUDORJGOJW1E/e0673d03-78cd-4620-822e-3ba91fb63b72.jpg ION Orchard - User Research & Insights We started from scratch with user interviews to understand where the website and mobile app stood in the shoppers’ overall user journey. One big challenge was the large scope of shopper segments, which revealed a wide range of user behaviours based on cultural background & technological savviness. Key insights Local members shop frequently and actively make plans to go to ION Orchard due to its convenient location and the membership perks they get to enjoy. Their key pain point is the membership features buried in the app, which most were unaware of and resorted to relying on the physical counter service. Non-members from both tourists and local segments mostly shop there when they happen to pass by it. Locals visit the website to locate dining places, and most do not see any reason why they would need an app as they don’t visit often enough to justify downloading it. Their key pain point is the navigability of the website. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618759956407-Q3PGQ6YMV3IGB8VMW5TZ/ION+Cover.png ION Orchard https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618759819178-WECCIHNPV9MT0RNQIOUT/IONsite.jpg ION Orchard https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618759829920-F0X6GE4K7TM8ZUP5F8J5/IONscreens.jpg ION Orchard https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618760456063-QCXT8II96Q2S0KSB1STH/IONiterations.jpg ION Orchard https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618760093886-WYY6W2J9T1M3S4YKLWKE/IONapp.jpg ION Orchard https://www.syazanasufi.com/works-illustration-studio daily 0.75 2021-05-05 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619864170731-B9DTXITM4QGJUAT3QEA5/Group+45.png WORKS: ILLUSTRATION Cat Eid eCards, 2021 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618752055278-WJT5543G7UAVG0NO0WAS/2M.png WORKS: ILLUSTRATION Digital Illustration, 2015 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618752248680-E8DQ8DB5XVCMAX95587X/3M.png WORKS: ILLUSTRATION .gif illustration, 2015 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618751621672-6GH49GYT6AUUSLT500UR/1R.png WORKS: ILLUSTRATION Prints for GLOWco, 2020 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618752033462-UK9V9OPX3N146HOSV25U/2R.png WORKS: ILLUSTRATION Printed mural for SmartSpace, 2018 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618752304918-IP52EAVQKDKAD85CBW3L/3R.png WORKS: ILLUSTRATION Illustrated postcard for NAC, 2015 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618752197795-GPO7IKETUXVVLJF604S1/3L.png WORKS: ILLUSTRATION Prints for GLOWco, 2019 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618752095110-9A8WEXJ47FOOA9E2O200/2L.png WORKS: ILLUSTRATION Watercolour, 2019 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618751856635-FG6NP1CTF23C2HUPB0LI/1L.png WORKS: ILLUSTRATION Watercolour, 2019 https://www.syazanasufi.com/singapore-grand-prix-app-revamp daily 0.75 2021-07-28 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619247193729-XJXZQQ3PHFP8PJB3BFGT/SGP_flowwwireframe.png Singapore Grand Prix ( https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619247210359-690JQWPFSPWFV8891RWF/SGPblkwireframe.png Singapore Grand Prix ( https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618911091720-5993ZK4RPCEICLNK2IOS/F1Banner.png Singapore Grand Prix ( https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618910838112-A4QXAFKYDN5OE1ZO64WL/SGGPappbanner.jpg Singapore Grand Prix ( https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618924903608-T7OQI24EIBWRJ1BNVSZY/SGPBanner.png Singapore Grand Prix ( https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1618910842537-2FJWU9FB1108HHYCVENE/SGGPapp.jpg Singapore Grand Prix ( https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619249506339-DEDREMC5RSTFOA6M6WK4/SGP+Existing+App+UI.png Singapore Grand Prix ( Before the app was revamped, it was mainly for news and updates https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619447009368-1MP6WHATWVZO4V3YBHHO/SGP+App+UI.png Singapore Grand Prix ( - Launch & Impact We did a few final rounds of internal usability testing and iterated before proceeding to development. The app launched with quiz engagement increasing steadily closer to the event. It became the top downloaded sports app during the race weekend. We continue enhancing the app based on feedback provided through the post-event survey. This project taught us to be more resourceful in gathering user insights indirectly, as well as to think about a solution that evokes excitement across the different user groups. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1577438104867-HYV6J5OBDIN4YE0Y0LEA/f1animation.gif Singapore Grand Prix ( - Design and Delight Our Design Solution Our approach was to present content to users that they prefer. It consist of combining visually energetic images of past races in the onboarding questionnaire that will shape their personalised app experience. With animation incorporated into the questionnaire, we added an element of delight to excite both types of users. When users provide their ticket details & preferences, the app revolves around their personal schedule and help remind & locate where the next event will be. This will guide them along on the day of the race. https://www.syazanasufi.com/mbccs-app-revamp daily 0.75 2021-05-02 https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619645213308-ZFTS8D1VXZ5YE7BXVJFB/MBCCS+App+UI.png MBCCS - Launch & Impact The app was launched right before a challenging period for the cruise/travel industry with COVID-19, so the team continues work based on the phases to be launched until we can get user feedback. We did a few rounds of internal usability testing and iterated before development. We learned that it pays off to be bold in imagining digital interactions beyond what is functional to delight users in small yet meaningful ways. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619939111932-ZVIF664SZ19HQ4SU2205/MBCCS+App+Wireframes.png MBCCS - Research & Insights We were quite limited in gathering direct users insights, so we had to rely on our observations of cruise-goers behaviour at the facility and stakeholders’ knowledge of their users’ needs. Pain points include wayfinding and not being aware of what services will be available at the cruise centre, e.g. food or luggage services. Some early cruise-goers were also seen to be waiting around with their carry-on luggage before they can board, passing the time with mobile games or even napping, which we saw as an opportunity to engage them with the solution. The long-term business goal was to provide valuable but lesser-known services in an easily accessible manner. This can make a difference in their holiday-going experience. In order to achieve this, the existing app had to be revamped in its content structure. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619255393005-N8WV3ZZBM88EQJ7H0G3T/MBCCSbanner.jpg MBCCS https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619255472922-NY6MHHLE0VR1QMIB394G/MBCCSappbanner.jpg MBCCS https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1619255487952-U9SNSCS2GEGPZXOJE3GS/MBCCSapp.jpg MBCCS https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1577436604954-BF9JGLLK12OH8FZTGJXK/mbccs_transition.gif MBCCS - Design & Delight Our approach was to reimagine the app as an exciting entry point to the cruise-goers’ holidays, while still guiding them through their arrival or departure process. The app enhances their experience through suggesting of services that they can purchase and store in their eWallet, access to free wifi and exclusive promotions in future phases. Dynamic Dashboards The app also introduces its features through a dynamic dashboard that reflects the intention of the user- to depart or to arrive from a cruise to the cruise centre. The interaction of the dashboards aims to give users quick access to their eWallet purchases. Our stakeholders saw an opportunity to increase awareness for their services, which few cruise-goers know about unless they request it directly or enquire with the staff on the ground. https://images.squarespace-cdn.com/content/v1/5ae35879697a9807fad76b90/1583932261695-MY6JEAKLWAVN5WJS2OJO/mbccs2wireframes.jpg MBCCS Iterations of the dashboard