https://www.piratheepanyoga.com/about daily 0.75 2022-07-12 https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/78b1e295-65eb-43ab-a1ba-362cb3b2a4b0/piratheepan_yoganathan.jpg About - Piratheepan Yoganathan Smile for the camera https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/78b1e295-65eb-43ab-a1ba-362cb3b2a4b0/piratheepan_yoganathan.jpg About - Piratheepan Yoganathan Smile for the camera https://www.piratheepanyoga.com/contact daily 0.75 2025-11-23 https://www.piratheepanyoga.com/home daily 1.0 2026-01-04 https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/142ef559-0c88-4c13-86fd-31a36b59dffb/FotoJo93xPaalamHeadshots-09570-2.jpg Piratheepan Yoganathan - User Experience Designer - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/142ef559-0c88-4c13-86fd-31a36b59dffb/FotoJo93xPaalamHeadshots-09570-2.jpg https://www.piratheepanyoga.com/work daily 0.75 2025-11-23 https://www.piratheepanyoga.com/work/music-app-concept-2hgjh monthly 0.5 2025-11-23 https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1551738719998-KJ3ECQAKUBKXX87MJETU/Rotato+Snapshot.png Work - Music App Concept This is the final build of the home screen. But it didn't end up like this without planning and the building blocks. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1551739011769-Q6RDRKQC8GF48D0QIB7X/User+Flow%402x.png Work - Music App Concept - Strategy and Concept (Copy) Strategy and Concept The concept behind this app and what makes it unique is it’s focus for exploring new artists and songs. The idea of having an endless list of suggested playlist was considered. That was discarded and opted for showcase approach for different sub genres with information provided. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1551758533637-I98RCL923BV3QQBTB3MY/High+Fi%402x.png Work - Music App Concept - Design Choices (Copy) Design Choices Assigning each genre of music a unique colour would help categorize the music when landing on the home screen. A colour scheme was considered at one point but felt similar when browsing other genres. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1551798307746-5NKG6X31FEWHV088PPZJ/Rotato+Movie.gif Work - Music App Concept https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1551799677401-6AT64OLO8D60A8RQ9O1L/Rotato+Movie+1.gif Work - Music App Concept https://www.piratheepanyoga.com/work/serebii-ux-design-l4zdy monthly 0.5 2025-11-23 https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1541982147887-GHEXJJ0TI5AWN2LQCWKG/simple-mockups.jpg Work - Serebii: UX Case Study I have been using this website for years now and recently noticed that there are glaring issues with this website. Using user-centred design to understand how various people use the site was the challenge that I faced head-on. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1542501137346-7MTL6DI43KBYRD48XV5F/Laptop.jpg Work - Serebii: UX Case Study - This website does not hold up in today's age. It also lacks a mobile layout which limits its usability (Copy) This website does not hold up in today's age. It also lacks a mobile layout which limits its usability Problems 1. The website has not been updated with the current times. Difficult to navigate on mobile due to it not being responsive. 2. Lack of organization when it comes to navigation links for quick access for returning visitors. When new visitors do visit, it is overwhelming with information on the homepage. 3. Keeping the identity intact for existing user so they do not feel alienated. _ With these problems, I decided to make a mobile application of Serebii that solves these issues and keep the returning visitors to use this app for all their Pokemon information needs. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1541988214879-6FBY6RBGHEMDL006L5UB/photo-1471014706828-7f1b12e6d88b.jpeg Work - Serebii: UX Case Study Observation Serebii’s main target is young adults in their 20’s who occasionally play Pokemon. Audience Lifestyle 1. Usually spend a few hours on the weekend playing video games. 2. Get their information through smartphones. 3. Have jobs or in school and do not have the time to understand the game’s mechanics. 4. Want information quick and accessible. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1543545153586-HI3WW0NX5LUX420HZDFZ/66c46b66076533.5b0b1a6b7ef27-2.jpg Work - Serebii: UX Case Study - Site map showing all list of pages and the navigation methods to get to them (Copy) Site map showing all list of pages and the navigation methods to get to them https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1541987833901-LYKUKG9Y6S3KVCKIM7W4/eac99f66076533.5b0cb05f82324.jpg Work - Serebii: UX Case Study - Rough sketch of the layout. Initially had the search button fixed on the bottom right on all screens but it may cause accidental clicks. (Copy) Rough sketch of the layout. Initially had the search button fixed on the bottom right on all screens but it may cause accidental clicks. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1541989804538-RUQDKKNDUB7YWNWFNR8X/ezgif-1-24739f1d0ca9.gif Work - Serebii: UX Case Study - The homepage which allows main stories scrolled horizontally with minor news articles on the bottom (Copy) The homepage which allows main stories scrolled horizontally with minor news articles on the bottom https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1541990087001-01LEMD8UVH21RFDHMYRD/ezgif-1-47f08259ab79.gif Work - Serebii: UX Case Study https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1543543725562-2HYPVSZ8OEGLC5E5ZXNN/ezgif-1-9e07cb25a5ef.gif Work - Serebii: UX Case Study Designing with users in mind was a challenging yet rewarding task. Whenever I was in the design phase, I would always think of new ideas to implement. Feature creeping is common in the UX field but if I were to keep on adding features, then the app would never be complete. I know there may be problems in this current build but that is the process of user experience design. Design first and always gain feedback in order to improve your product. https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1542500111271-56WT328PWEFKYX49ONR7/Serebii+UX+Mockup.jpg Work - Serebii: UX Case Study https://www.piratheepanyoga.com/work/werstars-lw47z monthly 0.5 2025-11-23 https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1563729085971-4TW998DN59VCH8011EIS/werstarsScreen.jpg Work - Werstars https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1563731476684-KIHHXGE6FBPR66FRM9B1/werstarsArtboards.jpg Work - Werstars https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1563734669210-XZFOWISQ278VC1OYO0ME/werstarsPrototype.png Work - Werstars https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1564538077676-88PX278NX9WEWMBPP1CP/Werstars+Nav.gif Work - Werstars Navigating through the moments https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1564538174260-6UKOT6O8CQECNIPOG8T1/Werstars+Photo.gif Work - Werstars https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1564538334235-ZLFKQBIDEO6UZZFSMOBJ/Werstars+Video.gif Work - Werstars https://www.piratheepanyoga.com/work/prepr-sy7kr monthly 0.5 2025-11-23 https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1563665323167-5C0U2PEXEYHLUBFRMRQ8/preprLandingPage Work - Prepr https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1563666132428-OBIM3OYX49F3BPF7Z8HS/ideationProcess.jpg Work - Prepr https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1564539558102-PGKZN1YMKY6MO395CMIY/Design+System-.jpg Work - Prepr https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1563676228070-EOI1WOWLV5VH0GVZDZET/preprFigmaArtboards.jpg Work - Prepr https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1563676766965-Q6KD2FMK7KQSW0BVBB3R/preprContentAudit.jpg Work - Prepr https://images.squarespace-cdn.com/content/v1/5be65d747e3c3a5da41a6c7d/1564540660594-OFH80R8Z26IFR73HS3EA/Bitbucket_Userflow.jpg Work - Prepr