https://shawnteow.journoportfolio.comRSS Feed for Shawn Teow Kai QienFri, 21 Aug 2026 00:00:00 +0100https://media.journoportfolio.com/users/480192/images/f3e41118-d906-42cc-b1e7-a937379433f2.jpgCourse by ValtechFri, 21 Aug 2026 00:00:00 +0100https://media.journoportfolio.com/users/480192/images/f3e41118-d906-42cc-b1e7-a937379433f2.jpghttps://media.journoportfolio.com/users/480192/uploads/a3cb9014-c392-4c2a-850e-d871e36272f7.pdfInteraction Design Workshop held by Stitch InteractiveFri, 21 Aug 2026 00:00:00 +0100https://media.journoportfolio.com/users/480192/uploads/a3cb9014-c392-4c2a-850e-d871e36272f7.pdfhttps://drive.google.com/file/d/16EYyeSM2iXpZSUFBQV95mxfU8JZ1mL22/view?usp=sharing- Synthesised and compiled UX research on the best practices for mobile app forms done for a client (confidential)Fri, 21 Aug 2026 00:00:00 +0100https://drive.google.com/file/d/16EYyeSM2iXpZSUFBQV95mxfU8JZ1mL22/view?usp=sharinghttp://shawnteow.journoportfolio.com- Synthesised and compiled UX research on the best practices for mobile app forms done for a client (confidential)Thu, 20 Aug 2026 00:00:00 +0100http://shawnteow.journoportfolio.comhttps://docs.google.com/presentation/d/1DBJH6zkdfrE6lye2VAbD--mxJmTAJLEa/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Shows the process of designing an album cover for the Taylor Swift album "Midnights" - Starting with research into her albums, the meaning and story behind them - Then the cover is made in Photoshop, capturing the meaning and thoughts of the album into itFri, 05 Dec 2025 00:00:00 +0000https://docs.google.com/presentation/d/1DBJH6zkdfrE6lye2VAbD--mxJmTAJLEa/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://media.journoportfolio.com/users/480192/images/47c4783e-02d3-4c6e-a5b0-f9375ac75769.png- Shows a design for the Taylor Swift "Midnights" Album Cover - ItFri, 05 Dec 2025 00:00:00 +0000https://media.journoportfolio.com/users/480192/images/47c4783e-02d3-4c6e-a5b0-f9375ac75769.pnghttps://media.journoportfolio.com/users/480192/images/1b45c5ad-aca4-43f3-8950-8e6b0cf8381b.png- Shows the rendered version of a table lamp made in Fusion 360Fri, 05 Dec 2025 00:00:00 +0000https://media.journoportfolio.com/users/480192/images/1b45c5ad-aca4-43f3-8950-8e6b0cf8381b.pnghttps://media.journoportfolio.com/users/480192/uploads/5f0ab023-1f31-4343-a543-2696f095a452.pdf- Spatial Design for a space in a polytechnic that includes 2 sensory rooms for PWDs (Person with disabilities), study pods, private meeting room and stage seating - Shows the initial floorplan of it done in Autocad, then the rendered version in Photoshop. Includes a list of the core features and explanations=Fri, 05 Dec 2025 00:00:00 +0000https://media.journoportfolio.com/users/480192/uploads/5f0ab023-1f31-4343-a543-2696f095a452.pdfhttps://media.journoportfolio.com/users/480192/uploads/c816c17b-fbc6-4a77-bad8-054b69cc81b3.pdf- A mascot design for a cyber-safety campaign - I started this by sketching out and visualizing the idea of the mascot (a baby dragon) - I transferred it to a drawing tablet, then coloured it in and adding more details like shadingFri, 05 Dec 2025 00:00:00 +0000https://media.journoportfolio.com/users/480192/uploads/c816c17b-fbc6-4a77-bad8-054b69cc81b3.pdfhttps://media.journoportfolio.com/users/480192/uploads/76e8b22c-a04b-498b-be2d-aefda04d9d52.pdf- Shows the process of spatial design when designing sustainability-focused and cyclist friendly accomodation and service pod for a parcel of land at Hampstead Gardens - Starting with rough sketches of the plot with all the pods (bubble diagram), moodboard and planning by making an adjacency matrix. Then designing the floorplan and elevation of the pods in Autocad. - Lastly rendering the floorplan and elevation and adding a design justification to explain my thought processFri, 05 Dec 2025 00:00:00 +0000https://media.journoportfolio.com/users/480192/uploads/76e8b22c-a04b-498b-be2d-aefda04d9d52.pdfhttps://docs.google.com/presentation/d/1xNv0Z_2K7bAVk5zANVgrHN3X085_wGmF/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Showing my design process as I design a fitness app to help people find and join fitness programs near them - Starting from a sitemap, then sketching and making the wireframes in figma and filling it out with colour for the mockup - Finally the prototype is made and a style guide is used to show the specificationsFri, 05 Dec 2025 00:00:00 +0000https://docs.google.com/presentation/d/1xNv0Z_2K7bAVk5zANVgrHN3X085_wGmF/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://docs.google.com/presentation/d/1Ws_H0QusNUqwQt4b-Cw7GCekpURABYBd/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Shows the full completed interaction design process. - Starting with User Identification, Problem Identification (Problem Statement), Design Goals, Ideation and Refinement. - Moving on to Stakeholder Identification, generating a power grid, then User Studies (testing is done with an existing website - SmileTutor). Lastly are the Wireframes, Online Workflow and Sitemap.Thu, 04 Dec 2025 00:00:00 +0000https://docs.google.com/presentation/d/1Ws_H0QusNUqwQt4b-Cw7GCekpURABYBd/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://docs.google.com/document/d/1SMGtxkp-YjkOQjId_LAIA3sympDJqZN3/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Shows a professionally done usability test plan with a moderator and participant script for the Lovebonito website. - Includes a data logger with data from 5 completed usability testsThu, 04 Dec 2025 00:00:00 +0000https://docs.google.com/document/d/1SMGtxkp-YjkOQjId_LAIA3sympDJqZN3/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://docs.google.com/document/d/1TAblBwqiuoYF66D3o7U03kd0gxcj8fjk/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Shows a professionally done usability test plan with a moderator and participant script for the Opentrolley website. - Includes a data logger with data from 5 completed usability testsThu, 04 Dec 2025 00:00:00 +0000https://docs.google.com/document/d/1TAblBwqiuoYF66D3o7U03kd0gxcj8fjk/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://docs.google.com/document/d/1ZEy1JTFon6Swc_hWOugFmTburb3OVlGZ/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Shows a professionally done usability test plan with a moderator and participant script for the Newbalance websiteThu, 04 Dec 2025 00:00:00 +0000https://docs.google.com/document/d/1ZEy1JTFon6Swc_hWOugFmTburb3OVlGZ/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://docs.google.com/presentation/d/13L5jwWYVfdJ7I4-DofKDDlBu7lBnIh7m/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Shows my design process when improving an already existing website's UI - Starting with a persona, then gathering user feedback on the current website design and UI is important to know how to improve it - Finishing off with the improved design, and a usability test to see the improvementsThu, 04 Dec 2025 00:00:00 +0000https://docs.google.com/presentation/d/13L5jwWYVfdJ7I4-DofKDDlBu7lBnIh7m/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://docs.google.com/presentation/d/1WNnbIRXCdrem_hVWuBF6H9kc2zVVuRf-/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Shows my design process when improving an already existing website's UI - Starting with a persona, then noting the content inventory, moodboard and content plan. Gathering user feedback on the current website design and UI is important to know how to improve it. - Finishing off with a sitemap, wireframe and prototypeThu, 04 Dec 2025 00:00:00 +0000https://docs.google.com/presentation/d/1WNnbIRXCdrem_hVWuBF6H9kc2zVVuRf-/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://docs.google.com/presentation/d/11VWI2pJP-A8GK26FJrfgRWKVUDbex9Rc/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Showing my design process as I design an online courses app to help people pick up skills and hobbies - Starting from a sitemap, then designing the wireframes and filling it out with colour for the mockup. - Finally the prototype is made and a style guide is used to show the specifications.Thu, 04 Dec 2025 00:00:00 +0000https://docs.google.com/presentation/d/11VWI2pJP-A8GK26FJrfgRWKVUDbex9Rc/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://docs.google.com/presentation/d/1jwxAUKELuan_DKIVjOIpO7LOno-KxIlB/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=true- Showing my design process as I design a website for a tuition placement service. It also shows my justification and thought process behind my design choices. - Starting from a sitemap, then designing the wireframes and filling it out with colour for the mockup. - Finally the prototype is made and a style guide is used to show the specifications.Thu, 04 Dec 2025 00:00:00 +0000https://docs.google.com/presentation/d/1jwxAUKELuan_DKIVjOIpO7LOno-KxIlB/edit?usp=sharing&ouid=108432722863276045158&rtpof=true&sd=truehttps://www.figma.com/proto/7vzEf98ItsPSNm91xO4MFu/T383-CA2-FigmaWireframe-24019836?node-id=124-1148&t=bVZabDAMUyCokIjq-1Thu, 04 Dec 2025 00:00:00 +0000https://www.figma.com/proto/7vzEf98ItsPSNm91xO4MFu/T383-CA2-FigmaWireframe-24019836?node-id=124-1148&t=bVZabDAMUyCokIjq-1https://media.journoportfolio.com/users/480192/images/8e52f6ca-1f9f-4a6e-bd84-e118a0eaaa45.jpgDesigning aesthetically pleasing and user-friendly interfaces for a variety of websites and appsThu, 04 Dec 2025 00:00:00 +0000https://media.journoportfolio.com/users/480192/images/8e52f6ca-1f9f-4a6e-bd84-e118a0eaaa45.jpg