https://www.shivali.me/hello daily 1.0 2025-03-22 https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/a9493162-1a17-407a-9ff0-ceeb7826769f/Untitled+design+%282%29.gif https://www.shivali.me/work daily 0.75 2025-06-16 https://www.shivali.me/work/oddject monthly 0.5 2022-08-14 https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/bfa88949-b905-4b1d-86e5-e2dca40b4609/2.png Work - Odd-Ject: Passion Project https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1a4bbaca-37d8-4f96-95f3-b6c887836c16/3.png Work - Odd-Ject: Passion Project https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/df2cf0d8-e570-4f75-91c1-7a694c30ed40/4.png Work - Odd-Ject: Passion Project https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/3175e514-1a4d-4567-833a-66bc7de7928b/5.png Work - Odd-Ject: Passion Project https://www.shivali.me/work/milestonepay-ux-ui monthly 0.5 2025-01-16 https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/cd8ec3a6-7f95-44e1-84aa-e803420d5f99/Group+5351.png Work - MilestonePay: UXUI Refresh - 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/62b2f506a9619c3483eb5a9e/99536811-1592-4efe-b27c-629b537441ed/3.Problem+Statement.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/6f9e0671-e785-47ca-bb8a-6fec34d120c3/4.Project+Scope.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/93f6c146-2fd3-45e6-ad37-05f088398758/5..png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/17ca3da7-b304-43cd-87e3-455421dcfac4/6.Research+Overview.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/947e625b-17bc-48d6-bb2e-36b465c6431d/7.Guerilla+Findings.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/8b6528a2-bb3c-49a6-b1d5-20133cbd07f1/8.Guerilla+Findings.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/a41bffbf-dabe-4565-9a32-0f842701b5a9/9.1_1+Interviews.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/7306ea93-7dfd-466e-9a2b-06a3dd412329/10.Research+Summary.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/2bda9e9b-3ad0-4a68-92a4-dd4f67187ad9/11.Persona+-+GEORGE.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/ac71495f-c74a-42d5-baef-a8e55b78b192/12.Persona+-+MAYA.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/a5a8e51d-c8f8-42f0-bf99-90b0c1e95dae/13.Customer+Journey.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/4ec76829-5d2e-4cac-9f99-67a5838fc43b/14.Customer+Journey.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/b6633624-5c14-4f64-9408-93bd0ec4f783/15.How+Might+We.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/7684ac89-d403-446a-a3ec-53a9f45d3a9c/16.Brainwriting.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/47eb6005-df64-4ad4-9dee-3c5e48e5d195/17.Crazy+8s.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/5dd9e26e-4971-42e3-8982-5280231f5c59/18.MVP.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/7bb3aa87-b1ca-4c4b-98bf-5e259cc08739/19.Slide+16_9+-+17.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/27e32980-cd82-43a7-8a34-b508ad04d716/20.+Lo-Fi+1.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/2eaa7bdd-5985-4c54-8c18-61a6063e0780/21.+Lo-Fi+2.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/23329e51-36b1-44fc-bcdc-b2dcce70b5d8/22.+Design+Ideation.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/e6d3d7cf-20f2-4c9c-b536-b93022984037/23.+Task+Management.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/610ed879-0db3-48a9-899a-45652ba33ea8/24.+Style+Guide.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/8d0f4a94-dc55-48f4-b7a0-ebe71b71b904/25.+Slide+16_9+-+18.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/d44e2489-b1c8-4e38-92c5-ffba5d9f779d/26.+Slide+16_9+-+19.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/90c800b5-6cce-4267-8f99-a5fc5781f96b/27.+Progress+Page.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/9e17ff67-df54-42c8-a780-9142bec19028/28.+Project+Page.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/6b7099d9-2b1b-4ee4-8870-f1e682bc6954/29.+Calendar+Page.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/57b15803-f5d0-4428-b870-a56839c8ccd3/30.+Adding+a+task+or+a+project.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/3e00f3d5-3f9f-4407-ad57-306babf1cbdb/31.+Slide+16_9+-+21.png Work - MilestonePay: UXUI Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/14fc6355-615a-48f7-91cc-3acd8624bdb2/32.+User+Testing.png Work - MilestonePay: UXUI Refresh https://www.shivali.me/work/charitybay monthly 0.5 2022-08-13 https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/cd8ec3a6-7f95-44e1-84aa-e803420d5f99/Group+5351.png Work - CharityBay: UIUX Refresh - 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/62b2f506a9619c3483eb5a9e/a90e9f0d-85b7-4870-9769-5988c7b87dbc/Group+5350+%281%29.png Work - CharityBay: UIUX Refresh - 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/62b2f506a9619c3483eb5a9e/38a67326-df64-430d-afc0-213878b0c46e/Group+5352.png Work - CharityBay: UIUX Refresh - 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/62b2f506a9619c3483eb5a9e/05969599-31a3-4f06-ae6d-44a41076d7ba/image+%2812%29.png Work - CharityBay: UIUX Refresh - Customer Journey My team and I developed a customer journey map to identify the pain and plus points of her journey when trying to utilise charity bay. This map clarifies the areas of opportunity CharityBay holds and guides us towards creating a solution. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/4d5e8e51-61aa-41b2-88b1-572d2d15a51f/Copy+of+Case+Hand+In.jpg Work - CharityBay: UIUX Refresh - Empathy Mapping Drawing from research insights I developed an empathy map, highlighting what an average CharityBay user thinks and feels like. This map allows my team and I to further empathise with the user and develop a persona. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1e7b2b80-7b26-4322-813f-28dab21c2a3d/image+%2810%29.png Work - CharityBay: UIUX Refresh - Hero Persona - Meet Lilly! Based on our insights uncovered through the discover phase, and the traits from the empathy map - I led the development of our hero persona. Meet Lilly, she’s a young mum, who shops organic and ethically - whenever she can. She strives to make the world a better place for her little girl, through any little step she can - from recycling bottles to having their own veggie patch, Lilly is proud to be a conscious consumer. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/d823ccf2-6886-49d8-b238-7012ae8f74c3/Copy+of+Case+Hand+In+%281%29.jpg Work - CharityBay: UIUX Refresh - Affinity Mapping My team and I conducted an affinity mapping session, where we analysed and synthesised our research findings into various key themes. The over arching themes that emerged reiterated a weak UX/UI, with frustration laying within the lack of understanding on CharityBays offerings and charitable contributions. Users want to contribute towards a good cause, however want transparency on where and how much money will be donated - they also want to have access to a variety of goods rather then be limited to whats available. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/4254211e-b408-4a3e-b6e0-86216f30ac64/Group+5353+%282%29.png Work - CharityBay: UIUX Refresh - 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/62b2f506a9619c3483eb5a9e/7b7ce2a6-cba2-4549-9e41-3f9e4f23c092/image+%2818%29.png Work - CharityBay: UIUX Refresh - My team and I then developed an information architecture including the new pages we added as a part of our solution. This allowed stakeholders to visualise the entire site and where our solutions - specifically IT. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/ee4a1f72-9626-48d8-bf0e-55db304c6687/Screen+Shot+2022-07-12+at+12.23.07+pm.png Work - CharityBay: UIUX Refresh - My team and I divided the new and exisiting pages which were part of our solution. We proceeded ideate our solutions through basic sketches. Personally this process allowed me to ideate a volume of creative solutions with ease, and ultimately develop the foundation of the final design and prototype. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/7dca5a7c-f4c3-4899-b49b-6dfa65c6d8fc/Group+5354.png Work - CharityBay: UIUX Refresh - 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/62b2f506a9619c3483eb5a9e/1e772b13-04aa-4907-aad2-28431a17a17d/Screen+Shot+2022-07-13+at+5.21.27+pm.png Work - CharityBay: UIUX Refresh The final phase of this project was to bring my team and I solutions to life. I started developing a lo-fi prototype from the foundation established from the sketches and wire-framing conducted prior. As highlighted in the image, I converted initial sketches into a bare-bone lo-fi prototype - which then was used within usability testing. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/472bb1d5-e650-4e5f-ab76-1c38e6a37d29/image+%2819%29.png Work - CharityBay: UIUX Refresh My colleague led the usability planning documents, which was then used throughout our team whilst conducting usability testing. The findings of my testing concluded that amount donated from the purchase should be further emphasised, adding a visualisation of the amount donated and its impact allows the users to further understand the impact of their purchase. Small details such as placing the donation amount at the bottom right rather then top right reduces confusion on whether the item is on sale or if that is the donation amount. Ultimately through an iterative process of user testing I was confident the final prototype will offer the most intuitive and positive experience for the users. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/ed069c34-4dbc-42d9-b1de-4aaba11d444e/image+%2817%29.png Work - CharityBay: UIUX Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1657588143853-CKNEXI5WUPCYEBMQL2F2/image%2B%252816%2529.jpg Work - CharityBay: UIUX Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/8eb6fbda-16d6-4b8a-884c-c5d7cdf542ba/image+%2815%29.png Work - CharityBay: UIUX Refresh https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/3a2d1ec0-b07e-4e25-aef8-2faaaae821e7/Blue+and+Yellow+Squiggly+Line+Education+Facebook+Profile+Frame+%281%29.png Work - CharityBay: UIUX Refresh https://www.shivali.me/work/westpac-mobile-banking monthly 0.5 2025-01-16 https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/cd8ec3a6-7f95-44e1-84aa-e803420d5f99/Group+5351.png Work - Westpac Mobile Banking: UXUI Casestudy - 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/62b2f506a9619c3483eb5a9e/6992cf7d-f581-47a5-b05d-798394e8fc57/Participants+were+Millenials+and+Gen+Z%2C+with+varying+financial+habits.+Key+insights+highlighted+their+finances+are+highly+important+to+them%2C+their+finances+make+them+feel+both+happy+yet+overwhelmed%2C+and+a+majority+of.png Work - Westpac Mobile Banking: UXUI Casestudy - The Why I chose to conduct a case study on the Westpac mobile app, as I am a regular user and have had a variety of frustrating experiences with the app. Throughout my time with Westpac, the mobile app had lacked in comparison to other banks, such as CBA. On top of the app itself, I found a large number of my friends, and younger people, in general, have unhealthy financial habits and can’t manage their finances or meet specific financial goals. So I decided to take action! Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/286ca975-a742-4b60-876e-c30557d53580/image+%2820%29.png Work - Westpac Mobile Banking: UXUI Casestudy To provide myself structure and conduct this case study as thoroughly as possible, I developed a problem scope. This helped identify and understand the businesses goals and requirements and overall scope. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/a90e9f0d-85b7-4870-9769-5988c7b87dbc/Group+5350+%281%29.png Work - Westpac Mobile Banking: UXUI Casestudy - 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/62b2f506a9619c3483eb5a9e/9a510fff-5777-40f8-93ad-3c4e833e7372/image+%2826%29.png Work - Westpac Mobile Banking: UXUI Casestudy - Affinity Mapping Through synthesising the research gathered, I developed an affinity map utilising an open sorting method. This led to four overarching themes emerging: User Interface Managing Savings Managing Expenses Financial Planning. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/3c0ddd61-62a8-4ce6-8740-667a531f7402/Screen+Shot+2022-07-20+at+5.29.18+pm.png Work - Westpac Mobile Banking: UXUI Casestudy - 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/62b2f506a9619c3483eb5a9e/2a6600ec-3bd7-4149-9e70-b3eca72f1bcb/Screen+Shot+2022-07-27+at+4.49.06+pm.png Work - Westpac Mobile Banking: UXUI Casestudy - Empathy Mapping To gain a deeper understanding of the user, an empathy map was developed with insights sourced from the affinity map. This map allowed us to gain an insight into the end-user experience by highlighting what they think/feel/see/hear/do when interacting with their Westpac mobile app. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/9939469a-370d-4217-bdba-0d5943706eae/User+Persona+Free+Template+%28Community%29+%281%29-1.png Work - Westpac Mobile Banking: UXUI Casestudy - Hello Hero! Meet Alex Three distinct personas were developed based on the research conducted. Alex was selected as the hero persona as his desires, product usage, and background aligns with the project brief and problem statement. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/646c502f-cfb7-4369-b984-8a0b681c3882/CJM.png Work - Westpac Mobile Banking: UXUI Casestudy - Customer Journey A customer journey map was created to follow Alex's experience with the Westpac Mobile banking app and the banking process, highlighting the pain and plus points of his journey. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/38a67326-df64-430d-afc0-213878b0c46e/Group+5352.png Work - Westpac Mobile Banking: UXUI Casestudy - 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/62b2f506a9619c3483eb5a9e/4254211e-b408-4a3e-b6e0-86216f30ac64/Group+5353+%282%29.png Work - Westpac Mobile Banking: UXUI Casestudy - 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/62b2f506a9619c3483eb5a9e/2a0cca81-9773-4418-8dba-2a9b1755d648/Screen+Shot+2022-07-27+at+5.22.41+pm.png Work - Westpac Mobile Banking: UXUI Casestudy - Due to the breadth and details of the wireframes, only a sample can be included in this presentation. Rough wireframes were sketched up, then further developed on Figma. The wireframes were kept minimal, serving as a low fidelity foundation for the final prototype. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/38a923ac-b52e-4462-8348-132533c04bc0/Untitled+design+%283%29.png Work - Westpac Mobile Banking: UXUI Casestudy - To ensure the new Westpac YOU feature maintained brand integrity and seamlessly blended with Westpac's existing offers and products, their corporate brand guideline was utilised - with brand colours and fonts remaining compliant. However, to offer a visually stimulating and engaging experience, with a 'gamified' notion and feel, 3D elements such as characters, and visual goal trackers, etc, were added. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/7dca5a7c-f4c3-4899-b49b-6dfa65c6d8fc/Group+5354.png Work - Westpac Mobile Banking: UXUI Casestudy - 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/62b2f506a9619c3483eb5a9e/a0d91cd3-fe9c-4c01-882b-7e8df616f7a4/Screen+Shot+2022-07-27+at+5.24.13+pm.png Work - Westpac Mobile Banking: UXUI Casestudy The wireframes developed from the rough sketches then serve as a basic lo-fi prototype, which was then further refined on Figma once again. These wireframes developed the foundation for the final prototype, serving as an interlude between the testing and development and ultimately the final product. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/40d17afd-41e6-443e-b9cc-d3824f7b8c22/image+%2834%29.png Work - Westpac Mobile Banking: UXUI Casestudy The final prototype was developed on Figma, with a variety of revisions and tweaks added Westpac YOU had developed from early sketches to high fidelity working prototype, entirely on Figma. The Art-board below highlights a slice into the process of creating this prototype, I have strived to maintain a clear and curated board although it may be challenging at times due to the size of this project. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/312d33b8-7d82-4e05-af65-792c0b9f9129/Crazy+8+%281%29-1.png Work - Westpac Mobile Banking: UXUI Casestudy https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/3fc05882-ebe4-4b63-9293-5ba2426bb34f/Screen+Shot+2022-08-03+at+5.00.16+pm.png Work - Westpac Mobile Banking: UXUI Casestudy Likes the increased use of colour Likes 3D elements Wanted the end screen for goal setting to have a more engaging image/achievement badge. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/2b9dda83-aad8-456b-9df5-afdd2dda0e5d/Screen+Shot+2022-07-27+at+4.55.28+pm.png Work - Westpac Mobile Banking: UXUI Casestudy https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/956850ae-8b72-4cb2-8428-2ed9b529e3cb/20211031_162957.jpg Work - Westpac Mobile Banking: UXUI Casestudy Liked the use of 3D elements - felt it was more engaging Liked saving goals for functionality and visual elements https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/f26749dc-cc91-42b3-8893-ff01161955da/Crazy+8+%281%29-2.png Work - Westpac Mobile Banking: UXUI Casestudy https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1659510185934-C23SL2V28D7EOHI5PX7M/image%2B%252832%2529.jpg Work - Westpac Mobile Banking: UXUI Casestudy Adjust writing to align with the image when selecting a goal Make end image once the task is complete more engaging and full https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/3d40cf1d-b481-409f-9523-314ab9072bbc/Story+boarding+%282%29.png Work - Westpac Mobile Banking: UXUI Casestudy https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/6425c774-a6a1-4198-9d38-bd4c0625455c/image+%2828%29.png Work - Westpac Mobile Banking: UXUI Casestudy https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/76d718df-de28-4cae-8c16-b7284910e178/Untitled+-+Frame+1.jpg Work - Westpac Mobile Banking: UXUI Casestudy https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/5a928ff3-e48a-4d8a-83bf-3f6f4c6f2f75/Screen+Shot+2022-07-27+at+5.14.01+pm.png Work - Westpac Mobile Banking: UXUI Casestudy https://www.shivali.me/work/hcf-atomicdeisgnsystem monthly 0.5 2025-06-16 https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/cd8ec3a6-7f95-44e1-84aa-e803420d5f99/Group+5351.png Work - HCF: An Atomic Approach - 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/62b2f506a9619c3483eb5a9e/a90e9f0d-85b7-4870-9769-5988c7b87dbc/Group+5350+%281%29.png Work - HCF: An Atomic Approach - 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/62b2f506a9619c3483eb5a9e/38a67326-df64-430d-afc0-213878b0c46e/Group+5352.png Work - HCF: An Atomic Approach - 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/62b2f506a9619c3483eb5a9e/4254211e-b408-4a3e-b6e0-86216f30ac64/Group+5353+%282%29.png Work - HCF: An Atomic Approach - 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/62b2f506a9619c3483eb5a9e/b031f704-b6ff-481c-92a9-eebc28cf1284/Screenshot+2025-06-16+at+5.17.32%E2%80%AFpm.png Work - HCF: An Atomic Approach - 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/62b2f506a9619c3483eb5a9e/7dca5a7c-f4c3-4899-b49b-6dfa65c6d8fc/Group+5354.png Work - HCF: An Atomic Approach - 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/5ec321c2af33de48734cc929/1615225259531-0HK0SKZ3FR5VOEIG39FB/Rectangle+26.jpg https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1749616371207-8JX7LWS57P282ILQSU8D/unsplash-image-DItYlc26zVI.jpg https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225152124-2OO1KV5YQU7UK50Q4DM5/Rectangle+25.jpg https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225298850-6RK21Y7YG7VPMPS9NQT9/Rectangle+27.jpg https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1749616466662-XU69I4T32VRLEGKJP9JW/unsplash-image-YUa-41O4ja0.jpg https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1749616416859-2JF5YCTENN2K1CCY09H3/unsplash-image-or6mrFMVmHM.jpg https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618511387030-5LI1E5QMVTQ2RY9S00A4/20140228_Trade+151_0046+1.jpg Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618511440608-5BVMHVN4WR2I9YQV1WWR/Aro+Ha_0010+1.jpg Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/20e2a649-33e3-4af7-8213-47dd03dfac51/1.jpg Work - HCF: An Atomic Approach Original HCF menu and header https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/f5133212-d55b-447f-bb2b-c6e80866c5e3/Header+1.png Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/d0b4d7e6-20b7-43c6-a6e6-c4d4877b62e1/Frame+657324350.png Work - HCF: An Atomic Approach Card Variants https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/b46b6c10-b367-4670-8943-1b79eccfc54e/2.jpg Work - HCF: An Atomic Approach Original HCF footer https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/bf6fb35e-b02f-42ee-b1d2-870e4b57e574/Footer+1.png Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/48121332-b6ab-466f-b000-2f86889f9d6d/content.png Work - HCF: An Atomic Approach Anatomy: Content Card https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/cbe84136-91ef-4be5-9696-c3a2d04bbf69/3.jpg Work - HCF: An Atomic Approach Original HCF home page https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/4d35f122-ca38-4ef7-a0b5-d205c9ddbd09/Health+Programs+1.png Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/130c0e44-626a-42be-b156-54aef9fb5df4/icon.png Work - HCF: An Atomic Approach Anatomy: Icon Card https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/c34031a0-c8ce-45fe-939b-1d5e9d476af5/4.jpg Work - HCF: An Atomic Approach Original HCF home page mobile https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/c21022c9-0166-459a-8f5d-18badb16361b/Health+Programs+2.png Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/45e8db3f-b64d-4bdc-864d-3ca27a4422bf/1.png Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/7b86cc8a-ee3d-4fa3-a90e-4a159d9bbe98/2.png Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/d70a2f37-d9bd-4e58-84d5-0e21d66d132b/3.png Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/fe345dbf-784f-422d-9d28-341153519db3/4.png Work - HCF: An Atomic Approach https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/acffb32b-ebca-42ef-abbc-a35e2039c4de/5.png Work - HCF: An Atomic Approach https://www.shivali.me/work/e2etransformation monthly 0.5 2025-06-16 https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/cd8ec3a6-7f95-44e1-84aa-e803420d5f99/Group+5351.png Work - DPE: An end-to-end transformation - 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/62b2f506a9619c3483eb5a9e/a90e9f0d-85b7-4870-9769-5988c7b87dbc/Group+5350+%281%29.png Work - DPE: An end-to-end transformation - 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/62b2f506a9619c3483eb5a9e/38a67326-df64-430d-afc0-213878b0c46e/Group+5352.png Work - DPE: An end-to-end transformation - 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/62b2f506a9619c3483eb5a9e/c4a9ebf9-38fd-4b16-8bcc-ceb35b44d782/Original_+Home.png Work - DPE: An end-to-end transformation - Original Home Page Due to the scope of this transformation, only selected pages will be showcased. As highlighted through the home page, the website has a variety of experience issues - which led to the user feeling overwhelmed, and frustrated. https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/4254211e-b408-4a3e-b6e0-86216f30ac64/Group+5353+%282%29.png Work - DPE: An end-to-end transformation - 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/62b2f506a9619c3483eb5a9e/7dca5a7c-f4c3-4899-b49b-6dfa65c6d8fc/Group+5354.png Work - DPE: An end-to-end transformation - 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/62b2f506a9619c3483eb5a9e/de4c3026-1a78-42d7-9d6e-232d1596f775/Squiz+Preview_+Home.png Work - DPE: An end-to-end transformation - Revised Home Page The home page was redesigned with the above defined content and design principals, leading to a reduced click rate, improved readability, and overall improvement in the user experience. This result was prevalent across all the pages that were redesigned. https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225259531-0HK0SKZ3FR5VOEIG39FB/Rectangle+26.jpg https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/d79c5e3d-27a7-47b1-9973-4f462cca3ac8/unsplash-image-KIPqvvTOC1s.jpg https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1749612969038-JQZQX3OGRZ40MDBAYCOK/unsplash-image-DItYlc26zVI.jpg https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225298850-6RK21Y7YG7VPMPS9NQT9/Rectangle+27.jpg https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225152124-2OO1KV5YQU7UK50Q4DM5/Rectangle+25.jpg https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/1749613026271-4KPPM8ASJMIROPUUC0ZU/unsplash-image-YUa-41O4ja0.jpg https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618511387030-5LI1E5QMVTQ2RY9S00A4/20140228_Trade+151_0046+1.jpg Work - DPE: An end-to-end transformation https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618511440608-5BVMHVN4WR2I9YQV1WWR/Aro+Ha_0010+1.jpg Work - DPE: An end-to-end transformation https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618511467879-K5J9BYNACHJVDV3BNSFU/Aro+Ha_0387+1.jpg Work - DPE: An end-to-end transformation https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/b80bf295-68c5-48b0-8696-96d56c395469/L%26A+-+Persona+1_+Know+what+I+need+Ned.jpg Work - DPE: An end-to-end transformation Persona 1: Know what I need Ned https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/f62bbb3b-f210-461d-ab43-556ca998b952/L%26A+-+Copy+of+Sitemap+%282%29.jpg Work - DPE: An end-to-end transformation Original IA: Lacks hierarchy and logic https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/136fe1fe-e576-49cf-8d44-4d481217a5ad/image+58.png Work - DPE: An end-to-end transformation Summary of research https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/2ad9c09e-9f8b-4e03-b984-86ce78410066/L%26A+-+Persona+2_+Uncertain+Sally.jpg Work - DPE: An end-to-end transformation Persona 2: Uncertain Sally https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/c63ff9a3-22fc-45fd-9ca3-7b1dfad8ab9e/Group+432.png Work - DPE: An end-to-end transformation Revised IA: Improved usability and reduced depth https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/9af2e811-07ab-4f78-931f-bb9da1553ed6/L%26A+-+Persona+3_+Public+servant+Pablo.jpg Work - DPE: An end-to-end transformation Persona 3: Public servant Pablo https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/9be6a22b-aeb3-4c9e-bf07-ea99434d70c8/L%26A+-+Customer+journey+-+Logbooks.jpg Work - DPE: An end-to-end transformation Sample customer journey map https://images.squarespace-cdn.com/content/v1/62b2f506a9619c3483eb5a9e/625f57ec-6682-4e4b-b657-38b2c4f782dc/L%26A+-+Website+Walkthrough_+Basic+landholder+rights.jpg Work - DPE: An end-to-end transformation Sample readability review