https://www.elludesigns.com/project1 daily 0.75 2024-08-26 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/cd8d4e04-a9ec-4558-9560-0c254ccf8971/P1_Start.png Project 1 Image 5: Heuristic Evaluation Whenever I’m assigned to a new project, I start by conducting a heuristic evaluation of the current state of the build. This helps identify areas that align with best practices and those that require improvement. After completing the evaluation, I review it with the team to gather their feedback and insights. We then prioritize these findings into actionable initiatives, which can be broken down into digestible tasks that align with our KPIs. This process ensures that the project stays focused, and that improvements are aligned with both user needs and business goals. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/e74880ac-67b4-4932-818b-705af7f88217/P1_1.png Project 1 The old design had large "Back" buttons in the upper right corner of the screen. It had limited ways to toggle through different maps and relied heavily on the same Back button to reverse out of screens. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/3a208f66-0c9b-4f4e-befb-1ef7262be4cd/P1_2.png Project 1 In the flow revision, the size of the "Back" button was reduced and simplified to a Home button (w/icon). Left and right arrows were then better utilized to get to and from maps - not relying on the Back button as before. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/dfb1d717-2829-413f-a3ed-9dfaa798338b/P1_3.png Project 1 On an additional tap in from the Home screen, the flow was still using the same "Back" button. This meant you had to tap the back button twice to get Home. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/6cda248a-3399-42fb-9e9d-0dd35256160d/P1_4.png Project 1 In the revised flow, a Home and Back button were used. One tap of the Home button jumps you to the Home screen to save on taps and wasted time navigating. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/b755b2ae-2c3e-437d-b9dd-c54947302c27/P1_5.png Project 1 Player feedback! https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/56845d64-7e07-4911-99ff-65b0f8613801/P1_6.png Project 1 Player feedback! https://www.elludesigns.com/project2 daily 0.75 2024-08-26 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/41f30aad-5e7d-450b-9177-d61667889897/P2_Start.png Project 2 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/d125a7d3-1813-4af2-8d50-ec144fb5ca7a/P2_1.png Project 2 This is the original layout. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/f2be52d2-e33a-4af2-bf6a-446d4cd4c9cb/P2_2.png Project 2 Instead of altering the animations too much, they were repurposed with the original content. Health meters were also added to this screen to be informative to the Player. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/56bac55b-e220-41c5-917d-4e054ff64ce3/P2_3.png Project 2 The original summary screen not always captured what was won in one view. This made it difficult to just add a tap thru in order to speed up the animation. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/f98b9e18-0848-4b84-9b62-1691471fb013/P2_4.png Project 2 In the revised design, the space was better utilized and all items won animated in and settled on the summary screen. If a Player tapped thru the animations, they would get this screen right away. This was ideal, to give the Player some autonomy on pacing and also limit them from skipping over what they won and be confused they didn't receive it. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/ee729412-be70-465f-8665-5044dae5b9f8/P2_5.png Project 2 Player feedback! https://www.elludesigns.com/project3 daily 0.75 2024-08-26 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/7a20aee9-6633-4753-809c-51586692456d/P3_Start.png Project 3 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/77368ee4-8653-4a12-bcf7-d2c0a84d531f/P3_1.png Project 3 This was the original Deck building screen with the Sort dropdown triggered. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/96a944b5-cf66-4f6e-b832-a7a83c94c992/P3_2.png Project 3 The size and layout of the screen buttons and animations were cleaned up. The Sort dropdown categories were also vetted with current Players to provide better sorting options per their feedback. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/4b5db679-ae88-4c11-a992-7c0976fb36d2/P3_4.png Project 3 This is part of the wireframe and prototype I created in Figma. The new Filter panel is triggered where it animates from the right side of the screen. All the new options within the Filter panel were vetted internally with the team and also used current Player feedback. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/f937970a-8d36-4813-ae8e-8653986af423/P3_5.png Project 3 This is a screenshot of the prod build after the changes went live. The Filter panel is triggered in this view. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/58bbeb4e-21b4-49c7-880a-475a2fd4835d/P3_3.png Project 3 Player feedback! https://www.elludesigns.com/project4 daily 0.75 2024-08-26 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/6d61de52-b657-44d6-8f91-c4697e20f536/P4_Start.png Project 4 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/c841b0f0-7247-455d-bdaf-84feb27a9149/P4_1.png Project 4 This is Little Alchemist's Deckbuilder screen. It was used for the foundation of the new beta game being built. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/adfb1867-9038-47dd-b431-5cab99e653d9/P4_2.png Project 4 This is Little Alchemist's Library screen. It was also used for the foundation of the new beta game being built. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/fba848db-68e2-4317-8aed-3bf73902fc60/P4_3.png Project 4 This is my wireframe and prototype of a new concept where the Deck and Library can be on one screen. Cards can be easily dragged to and from the Deck and Library. A comp analysis of other competitors helped guide the designs in this direction. I also made serval layout options to really explore the space. This layout won out over the others per team feedback. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/a35e9d2a-7ee0-4581-a023-0b9db3e51467/P4_6.png Project 4 This is the Beta build with the new layout for the Deckbuilder and Library. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/539d8a80-7e01-4b13-a946-9640c6795d97/P4_4.png Project 4 The way decks were optimized was pretty clunky and confusing. This is the Little Alchemist version. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/96dae48d-fba7-4c54-bd1b-914a064123b4/P4_5.png Project 4 Optimizing the deck to pull in the best cards a Player has was simplified for the new beta game. It turned into an easy tap of a button to pull in all cards that fit Game Design criteria. Once a Player taps optimize, a confirmation overlay is shown. When the Player tries to leave the screen, they are then asked to save or revert changes. This gives them the opportunity to play around with the arrangement of their deck but can revert any time - something that the old LAR design didn't have. https://www.elludesigns.com/project6 daily 0.75 2024-09-04 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/4aad50d4-3588-4257-b058-a1de139944a0/P6_Start.png Project 6 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/7d7ba1da-2ede-4542-9006-02b114b7f00e/P5_1.png Project 6 I created this breakdown to define all items that play into the Core Loop of the game. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/e37fc5a7-2844-4cc8-8679-df7038ec2491/P5_2.png Project 6 Here I visualized what items depend on others throughout the game. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/d8d18bb3-36ae-4a64-805f-ae5f34276db3/P5_3.png Project 6 I then created this to cross-reference what had been revealed via Player motivation findings for the game genre. I wanted to do this in order to make sure we hit our mark on motivations via game modes and features. https://www.elludesigns.com/project7 daily 0.75 2024-09-04 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/0e0cb851-7836-44b3-b08f-aaad0be2e7ff/P7_Start.png Project 7 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/30d8b6ef-3542-4f77-8368-333638669eea/P6_1.png Project 7 Doing a deep dive into Player motivations, we focused on what we thought was the largest two Player populations. We called them Ace and Skirmisher. Both Player Journeys highlighted their different motivations and what items in the game would peak their interest. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/4aa2d16b-1716-4550-b214-ba35d43ec75f/P6_2.png Project 7 Doing a deep dive into Player motivations, we focused on what we thought was the largest two Player populations. We called them Ace and Skirmisher. Both Player Journeys highlighted their different motivations and what items in the game would peak their interest. https://www.elludesigns.com/project5 daily 0.75 2024-09-04 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/85367d68-7e8e-4dd4-8643-a87f5b695082/P5_Start.png Project 5 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/c841b0f0-7247-455d-bdaf-84feb27a9149/P4_1.png Project 5 This is the Little Alchemist Deckbuilder screen. Tapping on a card will (without warning) remove it from your Deck and add it back to your Library. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/fb5934c1-d58b-47f9-a412-51b72f221068/P5_1New.png Project 5 This is the Little Alchemist Archive screen. Players need to navigate here from the Home screen to find info about their cards. The Archive lobby is nice to look at, but adds an extra tap to 3 additional screens that are hard to tell apart to the untrained eye. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/57919391-0915-4df6-9f99-04b1d46d148e/P5_2New.png Project 5 Here are the 3 Archive screens that share similar but different info. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/7fcd636d-5e16-4613-b13a-c3ef400cd5cf/P5_3New.png Project 5 This is the new Beta game’s pop-up that houses all the info that the old Archive screen did - and more! For now it can be triggered by tapping on a card in the Deckbuilder screen, but soon will evolve to be triggered anywhere in the game where you encounter a card. https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/49d0e6b6-ffff-4957-b033-04798c9f16d8/P5_4New.png Project 5 Not all cards have combos, so when you tap on a card that does, it will populate a Combo tab so you can see that information as well. This is key to the core loop of the game! https://www.elludesigns.com/about daily 1.0 2025-04-02 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/5d044c77-ec5b-4cee-914c-21cb8c399677/Jodi_avatar.png https://images.squarespace-cdn.com/content/v1/5ce435d6bea1ed00016ba287/1558964652247-5MWXNMFZVOPGE4TY6U2Q/MHeiderich_ReflexionenZwei-05-copy.jpg About https://www.elludesigns.com/new-page-1 daily 0.75 2025-04-02 https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/6bbeb998-bf1d-4a4e-be1a-3669afd68178/Research_1.png https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/b0e76259-0a2d-4652-af34-d25143b6cd3c/02_CIRCLE_SHOT_3_0307_04_QC.jpeg https://images.squarespace-cdn.com/content/v1/5f1e3da86538fd1e817ea0ed/6bbeb998-bf1d-4a4e-be1a-3669afd68178/Research_1.png