https://www.hjrstudio.com/blog daily 0.75 2025-10-12 https://www.hjrstudio.com/blog/creative-research monthly 0.5 2025-10-03 https://www.hjrstudio.com/blog/design-process monthly 0.5 2025-10-03 https://www.hjrstudio.com/blog/moving-forward monthly 0.5 2025-09-11 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/04826d73-c0f7-4266-9d97-2120689281cc/Screenshot+2025-09-10+at+5.39.29%E2%80%AFPM.png Blog - Moving Forward - 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/68bbbf4f93dad74a1257e716/83c51b38-b034-4c89-a5af-040efbda1028/Screenshot+2025-09-10+at+5.39.24%E2%80%AFPM.png Blog - Moving Forward - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.hjrstudio.com/blog/entry3 monthly 0.5 2025-09-11 https://www.hjrstudio.com/blog/entry2 monthly 0.5 2025-09-10 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/154d2a7f-101b-4053-97cd-466170bcc46e/Screenshot+2025-09-09+at+11.45.50%E2%80%AFPM.png Blog - Being Honest - 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/68bbbf4f93dad74a1257e716/8c9032ca-0e11-45ca-86c4-a0bc7c8b0fa1/Screenshot+2025-09-09+at+11.46.39%E2%80%AFPM.png Blog - Being Honest - 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/68bbbf4f93dad74a1257e716/f42690ab-53c2-4165-acc7-a3444e91a281/Screenshot+2025-09-09+at+11.46.45%E2%80%AFPM.png Blog - Being Honest - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.hjrstudio.com/blog/entry1 monthly 0.5 2025-09-10 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/75916599-51a4-4e0d-b19f-cbad08837ad6/Screenshot+2025-09-09+at+11.42.35%E2%80%AFPM.png Blog - Boredom - 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/68bbbf4f93dad74a1257e716/98831c16-76e0-40f2-8495-7caeeaebaeb5/Screenshot+2025-09-09+at+11.42.40%E2%80%AFPM.png Blog - Boredom - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.hjrstudio.com/blog/from-architecture-to-design monthly 0.5 2025-09-10 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/57d8ec37-c2e2-488d-be25-b46d0ca3f6c6/10.-Relativity.jpg.webp Blog - From Architecture to Other Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.hjrstudio.com/vancity-cj-website daily 0.75 2025-09-11 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/05cc9433-b1c6-4894-82dd-2a16f6c5f2c3/Frame+859.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/a9792b78-679c-4449-bc51-ecbe73f54899/Industry+Comparison.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/bdad7ec5-aac2-41fd-b73b-e083000ad73d/Business+Outlook.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/5bec9d91-a691-48dc-9e9e-a2e74d925fb4/Issues+Old+Site+1.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/f8d04eaa-aae1-4c46-846e-3685dcb427be/Issues+Old+Site+2.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/e60f4939-b2a2-499f-b637-de2b61ba2cb8/Issues+Old+Site+3.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/9dd8c2e3-1d85-4dfb-afd1-00054d2defdd/Issues+Old+Site+4.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/f29fd13b-77d9-41ab-91e1-a75377c00d03/Issues+Old+Site.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/eb9468cd-b331-4c85-a380-5e195c652f47/Site+Architecture+Comparison.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/c05f8ee3-7c0d-43b4-a403-9abbfd93395c/User+Paths+1.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/eee008fe-d7c6-463d-a4f6-d5a4bab8face/User+Paths+2.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/cdfdbd94-1958-40e7-80ac-d905573f41e4/User+Paths+3.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7a94b480-7703-4421-8f74-cf1a64046bbc/User+Paths+4.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/a215848e-0f94-4a28-9813-2308d93fb191/New+Informed+Site+Direction-1.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/b910834d-b18a-42b3-aded-6b770a47d69b/New+Informed+Site+Direction.png Vancity CJ Website https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/fbf6db72-04c8-4772-8d66-904a757955f0/Vancity_CJ_Website_Design_Desktop_00.png Vancity CJ Website Main Home Page // Compared to the initial website, it had a lot of redundant information that confused users. Additionally, the hero images clashed with the text making it illegible and not the greatest first impression. This design focused on establishing a sense of authority in the card space while also hinting at clear next steps for a user. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1757497400941-E7RMP0LSTBVJ0RTO9QRI/Vancity_CJ_Website_Design_Desktop_01.png Vancity CJ Website Home Shop Page // I think a big pain point for card collectors is that they aren't always the most UX intuitive, so having 2-3 cards on the initial home page might result in assuming that is all that is available, where as 8-10 shows there is diversity and hints at more options regardless if there is a "view more" button or not. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/4912e727-0f16-4d0f-ab7a-8bb59207d1a2/Vancity_CJ_Website_Design_Desktop_02.png Vancity CJ Website Home Shop Page 2 // This section was fine, there was one redundant blade that also was a minor portion of the companies revenue and could just be included in the initial header menu. I created a new image for the SLABMAG section because the previous one showed how a sports card would look in their products, but they are selling Pokemon. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/c1232e15-5297-4a11-ab4c-d3bdae549b77/Vancity_CJ_Website_Design_Desktop_03.png Vancity CJ Website Home Events Page // The home page originally didn’t highlight events, but research showed Vancity CJ has 50–150 regulars at weekly tournaments. Adding a dedicated Events Page supports players with clear schedules and sign-ups, while also exposing collectors to the brand’s community side — potentially converting them into active participants. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/3d0a5fee-f22f-4fd1-8c67-a420f1ae62d0/Vancity_CJ_Website_Design_Desktop_04.png Vancity CJ Website Contact & Footer Section // The Initial contact section just had an email to copy and paste and without a dedicated form, it makes it more likely for a user to forget to open their email application and actually send an email. Without a button that directs a user to the top of the page, users would have to scroll back to the top to access things, so I added a menu and some additional buttons for more reach. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/756606bc-42c8-49c2-8b07-28980c01c4ad/Vancity_CJ_Website_Design_Desktop_05.png Vancity CJ Website Card Shop Section // The initial card pages were divided into 6 tabs. So by consolidating them into sensible sections, I added a new initial gallery blade to show the different types of products per that section. That way, a user would only be shown relevant products for the specific section shown, as opposed to having to click every header option and find something potentially useless. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/91a4f1cb-15ae-4e9a-b99e-96553e4e2d73/Vancity_CJ_Website_Design_Desktop_06.png Vancity CJ Website Shop Section // The Initial design had considerably small images of the products. It doesn't make sense for a user to spend hundreds to hundreds of thousands of dollars on an item they can't clearly see. Additionally, I added an increased filtering option allowing users to filter by the card set they are specifically searching for (collectors typically complete sets or know the set a card is from) as opposed to only being able to filter by monetary value. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/a97eb61d-7276-454b-b876-457e9c5453c9/Vancity_CJ_Website_Design_Desktop_10.png Vancity CJ Website Mockup Animation // A Figma screenshot showcasing my general thought process behind certain buttons and how they translate into the next section for a user. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/59e4dd42-8d7a-49b1-8008-84a1a599cd85/Vancity_CJ_Website_Design_Mobile_00.png Vancity CJ Website Mobile Section // There were a few formatting issues when the original site was opened on the mobile view. Surprisingly, a large amount of new site visitors came from social media (100,000 - millions of views from instagram), so I made sure each section was as effective on the mobile view as it was on the desktop version. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1ccdc242-80bd-4a6e-ae22-60653aaa55f8/Vancity_CJ_Website_Design_Desktop_09.png Vancity CJ Website Info Section // Initially, the website had three blades telling a user where there new shop was, but I think it could all be simplified into one page that tells a user everything they need to know for inquiries, questions, locations, etc. I also fixed their map as all the colours, low resolution and text still made visitors have to call the store multiple times as to where the shop exactly was. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/be7c5c72-cf11-4d51-b199-a711043d0439/Vancity_CJ_Website_Design_Desktop_08.png Vancity CJ Website Card Grading Section // The Initial page had a large block of text telling people how to do it. A majority of people have to grade the card in store because the online version was too confusing or they didn't trust it enough to risk mailing it in. I included diagrams showcasing the process because a new user would most certainly not understand the process and the visual difference between card grading options. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/40183295-df79-4323-9ec1-d27ca2609892/Vancity_CJ_Website_Design_Desktop_07.png Vancity CJ Website Originally, the shop originally focused only on graded singles, so I designed a system that lets users toggle between raw and graded options — with scalability in mind since the business already has thousands of raw cards in stock. I proposed integrating sales/population data into product pages, reducing the need for users to leave and verify prices elsewhere. Finally, I added an upsell opportunity for SLABMAGs, turning a missed touchpoint into a value-add that protects cards while increasing average order value. https://www.hjrstudio.com/home daily 1.0 2025-10-12 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/37898e0a-6f49-4a5d-b343-30b91c5b13c2/Screenshot+2025-09-09+at+11.40.25%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/c696720a-5a5c-491e-b890-03bee48ae0ea/Screenshot+2025-09-10+at+12.15.34%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/9a04b869-44f7-4abe-b015-715bc7a1a7f4/Screenshot+2025-09-10+at+12.15.42%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/4e49126a-fc6b-48c5-93fa-66704fb6b2b4/Screenshot+2025-09-10+at+12.15.48%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/25387169-a987-4ae2-ba03-55b0701855d8/Screenshot+2025-09-10+at+12.01.22%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/51abb324-2472-48a0-8665-6f69ca7ccb88/Screenshot+2025-09-09+at+11.45.50%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/669c1667-446f-48d2-bb56-bef74a91c4db/Screenshot+2025-09-09+at+11.42.35%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/05cc9433-b1c6-4894-82dd-2a16f6c5f2c3/Frame+859.png Home https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2bc7e36a-03a2-4c36-b11b-e1c5cc68df09/Screenshot+2025-09-10+at+12.29.36%E2%80%AFAM.png Home https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/bb1a5ba2-942f-4acc-a7eb-f9a7b22fce8d/Screenshot+2025-09-10+at+12.33.07%E2%80%AFAM.png Home https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/32f54226-03be-4b6e-869e-5fcb39efb912/mockup_01.webp Home https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2b398415-8e03-4914-9fd0-e55cfdacacdb/Screenshot+2025-09-10+at+6.18.41%E2%80%AFPM.png Home https://www.hjrstudio.com/playgrnd daily 0.75 2025-09-11 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/fc1e15b1-0094-479c-b0d4-01ef67a721aa/Screenshot+2025-09-10+at+12.29.26%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/44061838-5a38-489e-aa3b-1976a688a31b/Screenshot+2025-09-10+at+12.28.38%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2a81fa81-8dc3-4167-8e09-4d65bc7093a0/Screenshot+2025-09-10+at+12.43.26%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/5538dd4b-b465-4990-a5af-021676a7cb79/Screenshot+2025-09-10+at+12.50.38%E2%80%AFAM.png PLAYGRND Logo Mockup on Social Media + Full Wordmark in Chrome https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/bf84353f-d5b1-41c1-bb26-54ae81efb2c7/Screenshot+2025-09-10+at+12.54.31%E2%80%AFAM.png PLAYGRND 2025 Summer Tour Initial Design Iterations + Inspiration https://www.hjrstudio.com/sa-ai-8 daily 0.75 2025-10-17 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1e849b58-63b4-4fb8-85f1-652bd457faaf/Screenshot+2025-09-10+at+12.33.07%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/8ea57170-de0e-4866-9983-0d0909440471/Screenshot+2025-09-10+at+1.55.03%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2daae77b-f432-4674-bff4-e5a9191710d8/Screenshot+2025-09-10+at+1.55.39%E2%80%AFAM.png SanctuaryAI https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7fbc92d4-c105-445b-b673-a915b2171413/Screenshot+2025-09-10+at+1.55.18%E2%80%AFAM.png SanctuaryAI https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/0e9ddd30-1791-4aee-99d4-d75feeaa667c/Screenshot+2025-09-10+at+1.55.28%E2%80%AFAM.png SanctuaryAI https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1e849b58-63b4-4fb8-85f1-652bd457faaf/Screenshot+2025-09-10+at+12.33.07%E2%80%AFAM.png SanctuaryAI https://www.hjrstudio.com/cyberdots daily 0.75 2025-09-11 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2b398415-8e03-4914-9fd0-e55cfdacacdb/Screenshot+2025-09-10+at+6.18.41%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/17d3b0b5-de57-47d5-94d2-9fcac038581a/Screen+Shot+2025-09-10+at+18.19.26+PM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/dc19b17e-add7-469d-9afc-c8bc866c499e/Screen+Shot+2025-09-10+at+18.19.55+PM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/32b5cc3b-556a-46ac-babd-98c1dbccc9a7/Screen+Shot+2025-09-10+at+18.20.05+PM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/4248a237-5e18-4188-8ba5-700c0ab9e583/Screenshot+2025-09-10+at+6.21.28%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/d6ac54b5-c240-4a09-95b6-c0b8d6b04823/Screen+Shot+2025-09-10+at+18.19.43+PM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/736089b6-0756-47c5-a9cd-693caf391df4/Screenshot+2025-09-10+at+6.18.51%E2%80%AFPM.png https://www.hjrstudio.com/barangay-collective-magazine daily 0.75 2025-09-11 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/32f54226-03be-4b6e-869e-5fcb39efb912/mockup_01.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/297dbf73-5cfd-4fb6-baa9-f490d4323f79/jpg.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7e83b8d7-d778-44c9-9423-7883637e2c8f/Screen%2BShot%2B2023-01-19%2Bat%2B17.11.50%2BPM.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/ec87671f-c4f1-4855-8c0e-4524ee010cf7/Screen%2BShot%2B2023-01-19%2Bat%2B17.06.29%2BPM.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/19430dc8-d0d3-418c-909b-20a995b67fcf/293004547_176334441469281_7279844988961718688_n.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/05463251-db16-4510-8b50-638a7525a7a9/BBZine_M_1.webp https://www.hjrstudio.com/roman-apertures daily 0.75 2025-09-13 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/53c6ce43-24a2-4c57-8edb-569c5052edbc/Screenshot%2B2025-05-21%2Bat%2B6.53.44%E2%80%AFPM.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/6c1aec1c-2de8-45d8-98e1-55aebd6a0552/Screenshot+2025-09-12+at+7.51.39%E2%80%AFPM.png Roman Apertures https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/4876a407-923c-4bae-bb75-7b4566b62c9d/Screenshot+2025-09-12+at+8.00.04%E2%80%AFPM.png Roman Apertures https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/ccee0f1e-9dff-441f-a713-0418e0a6233b/Screenshot+2025-09-12+at+8.00.12%E2%80%AFPM.png Roman Apertures https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/5dc24577-e935-428b-a30d-4de7392e775a/Screenshot%2B2025-05-21%2Bat%2B6.53.44%E2%80%AFPM.webp Roman Apertures https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1682e782-d8b1-493f-8d7b-0f64107ece1c/Asset%2B8141242.webp Roman Apertures An expanded 3D view of a courtyard. 1. Openings to courtyards can be strategically placed in existing openings that courtyards already or in spaces not used (ground floor). 2. Flex space 3. Short/long-term Commercial opportunities for underused or neglected spaces. 4+5. Green areas, can be used for public agenda, but primarily areas filled with shade-preffering plants, creating cool down zones from heat or just general shelter. For more private areas, utilizing denser vegetation give residents a buffer from others. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/62e03a93-5489-431a-961d-1c465da31be3/Asset%2B2-7.webp Roman Apertures A section cutting through the entire courtyard. By using different levels, ground, below and above, you can create different zones, private and/or public all in one area. Notably, in this section view, you can clearly see how areas like this provide immense shelter from the heat and how much easier it would be for locals to get around cutting through courtyards instead of walking around each block in the heat. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/ec620c91-361c-431b-aa11-4ea1666d45c6/Asset%2B1141242.webp Roman Apertures Mockups of sections of these courtyards on the ground floor and rooftop areas. https://www.hjrstudio.com/sensei-bar daily 0.75 2025-10-03 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/748b3651-b430-435f-bc10-e1605360783a/474548836_931394599103225_1951937404677816317_n.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7f762cc6-3022-4c35-b0ac-480c1986a0ba/475138293_936007905308561_7902546234785562326_n.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1cfdc9d2-d306-46b9-b239-6d82830c710a/474951176_935677418674943_8372266181406462351_n.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/9e3e676e-0b30-454b-b47b-e0d1e769ae97/472543156_921001290142556_5406400410153987270_n.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/648e1e9c-3d61-4fe6-85f7-c297ccccc43b/476137870_942417544667597_1956699058636143073_n.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/e4ac98cd-0e62-4244-b7ad-3a8f1d005ce5/474548836_931394599103225_1951937404677816317_n.webp https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7d6aef76-efa0-45ea-90a4-4ed92790fae4/474907670_933559698886715_7109837758125250575_n.webp https://www.hjrstudio.com/vancity-cj-website-2 daily 0.75 2025-10-16 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/05cc9433-b1c6-4894-82dd-2a16f6c5f2c3/Frame+859.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/a9792b78-679c-4449-bc51-ecbe73f54899/Industry+Comparison.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/bdad7ec5-aac2-41fd-b73b-e083000ad73d/Business+Outlook.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/f29fd13b-77d9-41ab-91e1-a75377c00d03/Issues+Old+Site.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/5bec9d91-a691-48dc-9e9e-a2e74d925fb4/Issues+Old+Site+1.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/f8d04eaa-aae1-4c46-846e-3685dcb427be/Issues+Old+Site+2.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/e60f4939-b2a2-499f-b637-de2b61ba2cb8/Issues+Old+Site+3.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/9dd8c2e3-1d85-4dfb-afd1-00054d2defdd/Issues+Old+Site+4.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/eb9468cd-b331-4c85-a380-5e195c652f47/Site+Architecture+Comparison.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/c05f8ee3-7c0d-43b4-a403-9abbfd93395c/User+Paths+1.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/eee008fe-d7c6-463d-a4f6-d5a4bab8face/User+Paths+2.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/cdfdbd94-1958-40e7-80ac-d905573f41e4/User+Paths+3.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7a94b480-7703-4421-8f74-cf1a64046bbc/User+Paths+4.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/a215848e-0f94-4a28-9813-2308d93fb191/New+Informed+Site+Direction-1.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/b910834d-b18a-42b3-aded-6b770a47d69b/New+Informed+Site+Direction.png Vancity CJ Website (Copy) https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/fbf6db72-04c8-4772-8d66-904a757955f0/Vancity_CJ_Website_Design_Desktop_00.png Vancity CJ Website (Copy) Main Home Page // Compared to the initial website, it had a lot of redundant information that confused users. Additionally, the hero images clashed with the text making it illegible and not the greatest first impression. This design focused on establishing a sense of authority in the card space while also hinting at clear next steps for a user. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1757497400941-E7RMP0LSTBVJ0RTO9QRI/Vancity_CJ_Website_Design_Desktop_01.png Vancity CJ Website (Copy) Home Shop Page // I think a big pain point for card collectors is that they aren't always the most UX intuitive, so having 2-3 cards on the initial home page might result in assuming that is all that is available, where as 8-10 shows there is diversity and hints at more options regardless if there is a "view more" button or not. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/4912e727-0f16-4d0f-ab7a-8bb59207d1a2/Vancity_CJ_Website_Design_Desktop_02.png Vancity CJ Website (Copy) Home Shop Page 2 // This section was fine, there was one redundant blade that also was a minor portion of the companies revenue and could just be included in the initial header menu. I created a new image for the SLABMAG section because the previous one showed how a sports card would look in their products, but they are selling Pokemon. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/c1232e15-5297-4a11-ab4c-d3bdae549b77/Vancity_CJ_Website_Design_Desktop_03.png Vancity CJ Website (Copy) Home Events Page // The home page originally didn’t highlight events, but research showed Vancity CJ has 50–150 regulars at weekly tournaments. Adding a dedicated Events Page supports players with clear schedules and sign-ups, while also exposing collectors to the brand’s community side — potentially converting them into active participants. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/3d0a5fee-f22f-4fd1-8c67-a420f1ae62d0/Vancity_CJ_Website_Design_Desktop_04.png Vancity CJ Website (Copy) Contact & Footer Section // The Initial contact section just had an email to copy and paste and without a dedicated form, it makes it more likely for a user to forget to open their email application and actually send an email. Without a button that directs a user to the top of the page, users would have to scroll back to the top to access things, so I added a menu and some additional buttons for more reach. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/756606bc-42c8-49c2-8b07-28980c01c4ad/Vancity_CJ_Website_Design_Desktop_05.png Vancity CJ Website (Copy) Card Shop Section // The initial card pages were divided into 6 tabs. So by consolidating them into sensible sections, I added a new initial gallery blade to show the different types of products per that section. That way, a user would only be shown relevant products for the specific section shown, as opposed to having to click every header option and find something potentially useless. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/91a4f1cb-15ae-4e9a-b99e-96553e4e2d73/Vancity_CJ_Website_Design_Desktop_06.png Vancity CJ Website (Copy) Shop Section // The Initial design had considerably small images of the products. It doesn't make sense for a user to spend hundreds to hundreds of thousands of dollars on an item they can't clearly see. Additionally, I added an increased filtering option allowing users to filter by the card set they are specifically searching for (collectors typically complete sets or know the set a card is from) as opposed to only being able to filter by monetary value. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/a97eb61d-7276-454b-b876-457e9c5453c9/Vancity_CJ_Website_Design_Desktop_10.png Vancity CJ Website (Copy) Mockup Animation // A Figma screenshot showcasing my general thought process behind certain buttons and how they translate into the next section for a user. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/59e4dd42-8d7a-49b1-8008-84a1a599cd85/Vancity_CJ_Website_Design_Mobile_00.png Vancity CJ Website (Copy) Mobile Section // There were a few formatting issues when the original site was opened on the mobile view. Surprisingly, a large amount of new site visitors came from social media (100,000 - millions of views from instagram), so I made sure each section was as effective on the mobile view as it was on the desktop version. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1ccdc242-80bd-4a6e-ae22-60653aaa55f8/Vancity_CJ_Website_Design_Desktop_09.png Vancity CJ Website (Copy) Info Section // Initially, the website had three blades telling a user where there new shop was, but I think it could all be simplified into one page that tells a user everything they need to know for inquiries, questions, locations, etc. I also fixed their map as all the colours, low resolution and text still made visitors have to call the store multiple times as to where the shop exactly was. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/be7c5c72-cf11-4d51-b199-a711043d0439/Vancity_CJ_Website_Design_Desktop_08.png Vancity CJ Website (Copy) Card Grading Section // The Initial page had a large block of text telling people how to do it. A majority of people have to grade the card in store because the online version was too confusing or they didn't trust it enough to risk mailing it in. I included diagrams showcasing the process because a new user would most certainly not understand the process and the visual difference between card grading options. https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/40183295-df79-4323-9ec1-d27ca2609892/Vancity_CJ_Website_Design_Desktop_07.png Vancity CJ Website (Copy) Originally, the shop originally focused only on graded singles, so I designed a system that lets users toggle between raw and graded options — with scalability in mind since the business already has thousands of raw cards in stock. I proposed integrating sales/population data into product pages, reducing the need for users to leave and verify prices elsewhere. Finally, I added an upsell opportunity for SLABMAGs, turning a missed touchpoint into a value-add that protects cards while increasing average order value. https://www.hjrstudio.com/sa-ai daily 0.75 2025-10-17 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1e849b58-63b4-4fb8-85f1-652bd457faaf/Screenshot+2025-09-10+at+12.33.07%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/811581fe-235d-4c8b-8dac-47bee28c6415/hjr_asset_12.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/a4530dc4-e537-454a-910c-cbcd6af31c0c/hjr_asset_11.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/8ea57170-de0e-4866-9983-0d0909440471/Screenshot+2025-09-10+at+1.55.03%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/eabc64bf-b9db-4af9-aa82-6d3b39410a91/hjr_asset_03.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7f56f6a2-0d81-43f2-9566-d900902795fa/hjr_asset_04.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/e9c8e568-79e6-48da-a8ee-1b24620a2dad/hjr_asset_06.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2558244b-a95f-45aa-ae1d-f8b3586ac3d3/hjr_asset_07.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/6f7aedfc-b4fc-49de-a29d-6c6f6267741e/hjr_asset_20.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7db9e623-0dc4-404b-8f00-4c5b06eec4e8/hjr_asset_05.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/ce0084fa-c53b-4344-a4de-f00da9134228/hjr_asset_23.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/fafff6a2-ce53-4d8f-9b49-b8d8fff0ce4a/hjr_asset_30.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/f55288b4-81c2-4405-9e7e-4c165e188840/hjr_asset_25.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/95c56522-c233-43c0-9b74-272f0d2eb9c8/hjr_asset_31.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2daae77b-f432-4674-bff4-e5a9191710d8/Screenshot+2025-09-10+at+1.55.39%E2%80%AFAM.png SanctuaryAI https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7fbc92d4-c105-445b-b673-a915b2171413/Screenshot+2025-09-10+at+1.55.18%E2%80%AFAM.png SanctuaryAI https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/bbdb59f8-eff7-4df5-b0b5-d58610b6999a/hjr_asset_10.png SanctuaryAI https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/60a281ef-1e73-4e78-be5f-22a7b972db74/+hjr_asset_09.png SanctuaryAI https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/d450442e-870f-4988-8cc8-746762ba11ef/Screen+Shot+2025-10-16+at+21.44.24+PM.png SanctuaryAI https://www.hjrstudio.com/sa-ai-1 daily 0.75 2025-11-20 https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/1c0f1787-b14d-4082-b4c8-b6762dfe0287/Screen+Shot+2025-11-19+at+19.40.29+PM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/982f5a67-d305-4343-a268-c16a4000403f/Screen+Shot+2025-11-19+at+19.56.13+PM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/8ea57170-de0e-4866-9983-0d0909440471/Screenshot+2025-09-10+at+1.55.03%E2%80%AFAM.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7f56f6a2-0d81-43f2-9566-d900902795fa/hjr_asset_04.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7db9e623-0dc4-404b-8f00-4c5b06eec4e8/hjr_asset_05.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/e9c8e568-79e6-48da-a8ee-1b24620a2dad/hjr_asset_06.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/eabc64bf-b9db-4af9-aa82-6d3b39410a91/hjr_asset_03.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2558244b-a95f-45aa-ae1d-f8b3586ac3d3/hjr_asset_07.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/6f7aedfc-b4fc-49de-a29d-6c6f6267741e/hjr_asset_20.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/ce0084fa-c53b-4344-a4de-f00da9134228/hjr_asset_23.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/f55288b4-81c2-4405-9e7e-4c165e188840/hjr_asset_25.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/fafff6a2-ce53-4d8f-9b49-b8d8fff0ce4a/hjr_asset_30.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/95c56522-c233-43c0-9b74-272f0d2eb9c8/hjr_asset_31.png https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/2daae77b-f432-4674-bff4-e5a9191710d8/Screenshot+2025-09-10+at+1.55.39%E2%80%AFAM.png Chinese New Year Box https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/7fbc92d4-c105-445b-b673-a915b2171413/Screenshot+2025-09-10+at+1.55.18%E2%80%AFAM.png Chinese New Year Box https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/d450442e-870f-4988-8cc8-746762ba11ef/Screen+Shot+2025-10-16+at+21.44.24+PM.png Chinese New Year Box https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/bbdb59f8-eff7-4df5-b0b5-d58610b6999a/hjr_asset_10.png Chinese New Year Box https://images.squarespace-cdn.com/content/v1/68bbbf4f93dad74a1257e716/60a281ef-1e73-4e78-be5f-22a7b972db74/+hjr_asset_09.png Chinese New Year Box