http://www.dy-ux.com/palette daily 0.75 2025-06-21 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1580338972015-LDTYSE6QIDNFYIWHD5RP/logo+-+palette.png Palette Tea House - The Logo The logo is a geometric abstraction of an overhead view of Palette’s staple item, the five-colored xiao long bao in a dim sum basket. The shape took form by working through multiple connotations of the word “palette”. We were inspired by painter’s palettes, floral arrangements, and the Hong Kong flag. We leaned heavily on the geometric abstraction form because we found such a simple shape can be perceived in many ways, which is expressed in the Palette Tea House Experience. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/7541c8ac-cf60-4219-b71a-958d556408e3/palette+sign+2.png Palette Tea House - 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/561d7582e4b0e8295853900a/235c9acf-ec40-497c-9f0b-f97b82d191c4/palette+motif.png Palette Tea House - 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/561d7582e4b0e8295853900a/f9441d50-df6b-4268-8e99-4f8e7cbede41/Palette+Food+Spread.jpeg Palette Tea House - 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/561d7582e4b0e8295853900a/1188fb32-5a7a-4cdb-b1b4-a9674d260dd3/palette+interior.png Palette Tea House - 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/561d7582e4b0e8295853900a/1580291334459-5HOBFY876XNTIFTCEUHO/palette-sign.jpg Palette Tea House https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1580370970843-L1XLH92STHOXYDCUMY44/palette-card.jpg Palette Tea House https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1576660085552-A9UAU7SJYM3MOFD21XPS/palette-vinyl.png Palette Tea House https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1585734411340-MMYMFJHTDDU64UNFNN0V/palette-ad.jpg Palette Tea House https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1580291483144-B0CJALOQW7ATJ5DI855D/image-asset.jpeg Palette Tea House http://www.dy-ux.com/magic-gourmet daily 0.75 2025-06-21 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1bb1bd39-65e5-48d2-87ed-8fcb121c1487/mg-wood.jpg Magic Gourmet - 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/561d7582e4b0e8295853900a/965d0e84-7a69-4709-8c31-39cf78c9cc24/mg-box.jpg Magic Gourmet - 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/561d7582e4b0e8295853900a/072a13c3-8f0d-499a-bf31-51057b0d57f3/mock-blk.jpg Magic Gourmet - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.dy-ux.com/home-1 daily 1.0 2025-09-16 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/4911d631-75e0-483a-beb8-dee893e7fa0d/RF.gif Home - How I improved usability by 40% to help +350K sellers scale their businesses Rodan and Fields — I redesigned the task completion experience to help business owners identify high priority tasks to increase conversions. Read Case Study → https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/e76fb3a0-4a28-43e4-9642-0b74952d6086/AcuForecast+Header.jpg Home - How I designed a 0 → 1 labor forecasting tool for store managers that drives $2M in annual labor savings Albertsons — I designed AcuForecast, a sales and labor planning tool for store managers to schedule effectively to increase labor savings. Read Case Study → https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/16c4c9a0-7689-4c07-be24-f5b3840846be/Resource+AI+Mock.jpg Home - How I used AI to design a SaaS dashboard for recruiters Resource.IO | This was originally a project I completed with a team of 3 Product Designers. I used our insights, and our research from that project and redid it with AI to see where I could use AI to optimize my process. Read Case Study → https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/98b20443-6047-46a1-bbd6-1ef2bf99cc87/CAS2.gif Home - How I designed a substitutions feature that reduced customer service contacts by 68% resulting in $600K annual savings Albertsons — I designed a post purchase substitution experience which led to increased customer satisfaction, and decreased calls to our call center. Read Case Study → https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1580338972015-LDTYSE6QIDNFYIWHD5RP/logo+-+palette.png Home - How I designed the brand identity for a Michellin star dim sum restaurant in San Francisco Palette Tea House | I led the brand design for a dim sum restaurant in Ghirardelli Square. I designed all graphical assets including the logos, menus, physical signage, as well as promotional posters. View Project → https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/aec8bfa3-f16f-4170-8032-40ba4b912076/Memoji+2.gif Home - 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/561d7582e4b0e8295853900a/c4a5fa6e-ee21-4a7c-9a20-930bc9f9ddaa/OD+Updated.gif Home - How I redesigned the post purchase experience to reduce customer service calls by 42% Albertsons — I redesigned the post purchase experience that was released to 2,300+ stores, by communicating the customer’s grocery order status after their purchase to increase traffic and customer retention. Read Case Study → http://www.dy-ux.com/prototypes daily 0.75 2025-07-11 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/c4a5fa6e-ee21-4a7c-9a20-930bc9f9ddaa/OD+Updated.gif Prototypes - Albertsons — Order Details I designed a progress tracker to provide users insight when their order was ready. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/870f2552-356e-464d-a7b2-088cae3d7301/Page+Transition.gif Prototypes - Page Transition Simple page transition pattern created using Figma Smart Animations. Link to Prototype https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1586278093110-PSSC4MHA01DAQ0S1VF53/dydx-modal-flow.gif Prototypes - Crypto Wallet Modal Designed a crypto wallet calculation prototype flow using HTML, CSS, and Javascript. Coded prototypes can use calculations if the proof of concept calls for it. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/98b20443-6047-46a1-bbd6-1ef2bf99cc87/CAS2.gif Prototypes - Albertsons — Customer Approved Substitutions The user can select either option for each substitution in order to make it as realistic as possible. Removing the items after selection was a need uncovered by business for the first launch. Link to Prototype https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/4911d631-75e0-483a-beb8-dee893e7fa0d/RF.gif Prototypes - Rodan and Fields — Tasks Designed a Task completion app for lead generation. Features include: nested drop downs, floating action buttons, and responsive checklist completion. Link to Prototype http://www.dy-ux.com/acuforecast daily 0.75 2025-07-10 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/508c0c01-45d6-44af-9980-41df70da0210/AcuForecast+Iterations+drop+shadow.jpg AcuForecast - 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/561d7582e4b0e8295853900a/92557738-d3db-4f91-ad18-27640a509502/Visualizer+Stress.jpg AcuForecast - 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/561d7582e4b0e8295853900a/7c6304f2-0932-4e24-b5fb-35b798c50e93/Visualizer+Bar.gif AcuForecast - 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/561d7582e4b0e8295853900a/7021892e-78ad-47c7-b5b1-7d5403fee254/Visualizer+Line.gif AcuForecast - 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/561d7582e4b0e8295853900a/f3271170-c93c-4fb7-b3e5-c1c4fcc14a10/AcuForecastFlow.png AcuForecast - 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/561d7582e4b0e8295853900a/524b3855-2fa6-4262-8bd8-476b100cbde9/AcuForecast+Demand+Forecast+Page.jpg AcuForecast - 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/561d7582e4b0e8295853900a/03189347-8c2a-4a4b-9bdb-da4b8659c6ce/AcuForecast+Header+New+Large.jpg AcuForecast - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.dy-ux.com/order-details daily 0.75 2025-09-16 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/b56ced70-b374-4855-8d89-01b51be9c7c2/Order+Detail+iterations.jpg Order Details - 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/561d7582e4b0e8295853900a/c4a5fa6e-ee21-4a7c-9a20-930bc9f9ddaa/OD+Updated.gif Order Details - 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/561d7582e4b0e8295853900a/82545c1b-d3ca-4338-9cd2-f22dc63a6960/Order+Details+Header+-+Grey.jpg Order Details - 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/561d7582e4b0e8295853900a/b753e335-b74b-4f31-ab35-24e383b40834/Home+Page.jpg Order Details - 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/561d7582e4b0e8295853900a/0de4f924-93e0-479b-be42-9f43cbd34457/Information+Architecture.jpg Order Details - Information Architecture I mapped out the information architecture to track all the touch points in the post-purchase communication funnel. I worked closely our copy writers to ensure copy consistent with shopper experience standards, and kept our stakeholders up-to-date with any changes made. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/8baae41f-6000-4098-af1b-dcd48d15a2c2/Order+Details+Page+Progression.jpg Order Details - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.dy-ux.com/customer-approved-substitutions daily 0.75 2025-07-11 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/c80985ef-b61f-4485-8e94-f6af013dfe44/CAS+Prototype+Iterations.jpg Customer Approved Substitutions - 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/561d7582e4b0e8295853900a/1af0f9cf-5c58-4556-b7c1-d3aaaa9f19bf/CAS+Push+Notifications.jpg Customer Approved Substitutions - Post Purchase Communications One goal was to provide just the right amount of information. Too little led to less retention, and too much would overwhelm the user. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/83e05a94-ea6d-4754-9d36-3c6f1aeb4662/CAS+Main+Screen.jpg Customer Approved Substitutions - 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/561d7582e4b0e8295853900a/98b20443-6047-46a1-bbd6-1ef2bf99cc87/CAS2.gif Customer Approved Substitutions - Interactive Prototype I designed an interactive prototype that our User Researcher could use to test our assumptions during usability testing. Link to Prototype https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/7dbebc37-15cf-47b8-af74-0a29bb2a0d66/CAS+Hero+Flow.jpg Customer Approved Substitutions - Information Architecture First, I mapped out the Information architecture to identify the key points of the experience to determine the best point to introduce the design solution. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/6985e764-8d6a-4ac5-befa-fd79cf5fddcb/CAS+Header.jpg Customer Approved Substitutions - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.dy-ux.com/portfolio-design daily 0.75 2025-05-28 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/5e27f1e3-ae0d-49cb-8e86-112529db6102/Virgil+Meme.jpg Portfolio Design - 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/561d7582e4b0e8295853900a/79c2483a-a31c-4af2-8a7a-e960eb8ef1ea/Visvim+FIL.jpg Portfolio Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.dy-ux.com/figma-hacks daily 0.75 2025-06-05 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/2d322c88-bf50-49f7-a66b-247cddbf2765/Autoflow+Plugin.jpg Figma: Tips and Tricks - “Autoflow” Plugin It’s an easy way to create user flows with arrows that connect from art board to art board. You can also name the arrows, which is helpful for demonstrations https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/194fbe2f-b601-4004-bdf0-c968df473419/Pages+Divider.jpg Figma: Tips and Tricks - Pages Divider Naming a page three dashes will create a divider that makes it easier to organize your pages. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/c41b3941-d115-40cf-9785-c529dfc70ede/Iconify+Plugin.png Figma: Tips and Tricks - “Iconify” Plugin The best library to easily access icon sets. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/b8e171f7-fac9-47a6-8ec1-1adc72663b2b/Plugins+Shortcut.png Figma: Tips and Tricks - Cmd + Shift + I A keyboard shortcut that allows you to quickly access plugins. A more useful way to use this feature is to quickly access components from your connected design system libraries. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1e847bba-33c9-4167-bf6c-18100ada71ce/Select+By+Color.jpg Figma: Tips and Tricks - Select By Color This one’s a bit more niche. You can select all instances of a color in an art board. I’ve used this to target specific titles, or elements to bulk change their attributes. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/51318682-3238-49ff-bd87-f9ffb9166c64/Rename.jpg Figma: Tips and Tricks - Cmd + R You can bulk rename layers. It’s rare to do on the go. If you’re moving into higher fidelity or version control, this becomes essential if you want to target and edit multiple layers. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/d96a9d82-272d-4aa9-ab01-776a1c92a4a3/Find+and+Focus.jpg Figma: Tips and Tricks - “Find and Focus” Plugin One of my favorite plugins. It makes it easy to target a layer by named. Pairing it with the rename shortcut makes targeting and changing layers incredibly efficient. http://www.dy-ux.com/figma-autolayout daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/daf0ec6e-8d47-4971-8fa5-8ca16afc2490/Autolayout+Main+Screen.jpg Figma Autolayout - Breaking Down the UI I approach designing with autolayout from an Inside-Out perspective, which means I design the lowest elements in the hierarchy and progressively move outward into each container layer. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/84fe0543-c946-4c9b-85a1-2a7844d9bb7d/Autolayout+Components.jpg Figma Autolayout - Identifying Molecules I break the design into organisms, then identify the molecules in them. How the molecules are spaced and arranged will dictate how you will implement autolayout. I apply autolayout to the molecules (green boxes), and using the gap feature to apply spacing. I apply padding (orange spaces) which is usually determined by your design system. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/adb08607-bcc4-4b4c-a07c-48b72900d06f/Figma+Padding.jpg Figma Autolayout - Padding The spacing between the content and the container. This can now be applied as a combination of Top, Right, Bottom, Left just like CSS https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/a2c4f7c1-7ebd-48d8-8538-dccbfe73e6b2/Autolayout+%2B+Components.jpg Figma Autolayout - Creating Organisms Components with multiple children elements may require another level of autolayout to become more responsive. You don’t want to over-engineering your figma designs to a point where other designers cannot work in your file, but I find it helpful to use autolayout manage complexity within reason. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/c29d8964-5079-42de-b19b-d116fc43c50d/Figma+Alignment.jpg Figma Autolayout - Alignment Alignment controls what anchor point the children elements will attach to in their container https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/ad8df2ec-9f77-4571-9e61-fb5b36bf3e6a/Autolayout+Organisms.jpg Figma Autolayout - Finishing the Template In this design, it made sense to combine the body content into one group, then create an autolayout around all the components. I use the autolayouts to clearly identify components to the dev team in my handoff file. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/ab757de8-09d3-4a5b-8a0f-62d1979aa26e/Figma+Spacing.jpg Figma Autolayout - Gap This attribute controls the spacing between each child element. It applies a set px margin between each element https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/4021383f-7742-4efa-9b36-9e622c7a699a/Figma+Flow.jpg Figma Autolayout - Auto Responsiveness on Resizing This attribute controls how the child’s width or height will adjust when the parent container is resized. Fixed: the width will be the set value (300) Hug Contents: the width will shrink wrap to the size of the children’s contents Fill Container: the children’s container will stretch to the length of their parent, and the children will align to the anchor point based on their alignment value. http://www.dy-ux.com/rodanandfields daily 0.75 2025-09-16 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/14576028-5d13-4fed-9b93-9007af12398b/R%2BF+Header.jpg Rodan and Fields - 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/561d7582e4b0e8295853900a/da59ce51-3ce7-4e0c-a521-ed5ae9711ca9/Task+Home+Page.jpg Rodan and Fields - 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/561d7582e4b0e8295853900a/213ae1e7-fb6c-4db8-9aa7-ea1ae229172b/RF+Tasks+Iteration.jpg Rodan and Fields - 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/561d7582e4b0e8295853900a/4911d631-75e0-483a-beb8-dee893e7fa0d/RF.gif Rodan and Fields - Interactive Prototype Designed an interactive prototype to validate our assumptions that users would be able to complete more tasks. Link to Prototype https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/a0879cd2-fc26-4aa0-a063-f42bb6b139fc/Task+Grouped+Images.jpg Rodan and Fields - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.dy-ux.com/schedule-visualizer daily 0.75 2025-06-23 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/e7d38770-8b2e-428b-9486-2034443d9a83/Insights+Visualizer.jpg Schedule Visualizer - 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/561d7582e4b0e8295853900a/bc4fa360-0d41-476f-bd7b-8d311632f8ae/Visualizer+Grey+Header.jpg Schedule Visualizer - 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/561d7582e4b0e8295853900a/7c6304f2-0932-4e24-b5fb-35b798c50e93/Visualizer+Bar.gif Schedule Visualizer - Bar Graph Interaction I designed a prototype to showcase the expected animation that our developers could mimic in chart.js. Link to Prototype https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/4da23bfc-01e9-48f5-b167-a62916c65f7f/AcuForecast+Visualizer+Iterations.jpg Schedule Visualizer - 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/561d7582e4b0e8295853900a/7021892e-78ad-47c7-b5b1-7d5403fee254/Visualizer+Line.gif Schedule Visualizer - Line Graph Interaction I designed a separate line animation prototype. Separate prototypes was the best option to showcase the concept within the time we had. Link to Prototype https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/92557738-d3db-4f91-ad18-27640a509502/Visualizer+Stress.jpg Schedule Visualizer - 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/561d7582e4b0e8295853900a/75a9f125-c953-4de4-874f-ec161110438d/Visualizer+Default.jpg Schedule Visualizer - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.dy-ux.com/data-visualization daily 0.75 2025-06-24 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/16c4c9a0-7689-4c07-be24-f5b3840846be/Resource+AI+Mock.jpg Data Visualization - Resource.IO — Dashboard Data Visualization Each graph has a loading animation. The pie graph is interactive, and allows the user to adjust what campaign data they see. View in Full Screen and press (R) to reset the animation. Link to Prototype https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/7021892e-78ad-47c7-b5b1-7d5403fee254/Visualizer+Line.gif Data Visualization - Albertsons — Line Graph Animation Interactive data visualization used in the AcuForecast Schedule Visualizer Project. Link to Prototype https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/7c6304f2-0932-4e24-b5fb-35b798c50e93/Visualizer+Bar.gif Data Visualization - Albertsons — Bar Graph Animation An interactive prototype used to portray the type of interaction I wanted to use for the AcuForecast Visualizer project. Link to Prototype http://www.dy-ux.com/case-study-image-slides daily 0.75 2025-06-24 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/1bb1bd39-65e5-48d2-87ed-8fcb121c1487/mg-wood.jpg Case Study Image Slides - Magic Gourmet package design Magic Gourmet is a premiere wholesale supplier of authentic Chinese pastries and dim sum. I worked as a packaging designer to create a new design for their new organic dim sum items. View Project → https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/7c6304f2-0932-4e24-b5fb-35b798c50e93/Visualizer+Bar.gif Case Study Image Slides - How I designed a data visualization for store managers to increase user adoption Albertsons | Schedule Visualizer — I collaborated with our engineering leads to design a a data visualization using Chart.JS for store managers. Read Case Study → http://www.dy-ux.com/resource daily 0.75 2025-06-24 https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/2c512780-dde6-4a6f-9f74-cc09a423a8db/Resource+Grey+Header.jpg Resource - 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/561d7582e4b0e8295853900a/a9000061-b4e9-48b2-b1d5-74063c76ee1f/bonniesDashboard.png Resource - Original Solution The main goal of our initial design was to visualize the data so founders could see that recruiters were making progress in filling their roles. I was interested to see how AI could ideate data visualizations that clearly made these connections. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/71118a89-5364-481f-8664-35bbf1dfacd3/Resource+Excel+Data.jpg Resource - The Original Problem Resource.IO hired our team to create a SaaS dashboard to visualize recruiting campaign data. At the time, I worked with 3 UX designers to conduct user research, user interviews, and usability tests. We collaborated with the Engineering lead to handoff our solution. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/16c4c9a0-7689-4c07-be24-f5b3840846be/Resource+AI+Mock.jpg Resource - Interactive Prototype If AI can reduce the amount of time needed to ideate solutions, I think it will be more important to prototype and test interactions to provide value to the user. View in full screen and press (R) to restart the interaction. Link to Prototype → https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/fbfaa805-2be4-41a2-8a56-fcdb7bc2bb91/Loveable.jpg Resource - Loveable AI I used Loveable AI to ideate solutions. First, I used the full ChatGPT brief, which took too long to render. Instead, I asked ChatGPT to summarize the key design features, and asked Loveable to create an app from it. https://images.squarespace-cdn.com/content/v1/561d7582e4b0e8295853900a/06cf031c-bba1-42ad-b1e4-fdf57008b2d8/ChatGPT+logo.png Resource - ChatGPT I loaded my project notes into ChatGPT and asked it to create a project summary, and project brief. This could be a valuable tool in my process to align with Product Managers on the scope of the project. Although ChatGPT can also create UI, I found that it took too long to render, and the results often had a lot of errors.