All the resources before you start ! ☀️

<aside> 👋 Welcome to the team! Our mission as the Save the Water™ UX/UI team is to design user-focused, accessible, and engaging digital experiences that help raise awareness about clean water initiatives. We are dedicated to crafting seamless, intuitive interfaces that make information easy to understand and inspire action. Together, we aim to create solutions that enhance user interaction, drive environmental change, and support the organization’s vision of a world where everyone has access to safe, clean water.

Questions? Here’s how to reach us:

Resources


💧 Save the Water™ Design System:

https://www.figma.com/design/k0G3gjBB0k6H6fP5uvbECk/STW-UX-team-library?node-id=0-1&t=uZ99mm6m9v4f6XEp-1

Login to STW Figma Design Panel

<aside> 💡

Make sure to use your Save the Water™ account to access the design panel.

</aside>

Login to STW Canva Design Panel

<aside> 💡

For collaboration design, ex: STW annual report, cross-functional design with marketing team campaign and flyers.

</aside>

Document Naming Conventions

File Names: ComponentName_VersionNumber_Date.ext (e.g., Header_v2_Oct/31/24.png)

Folders: Organize by asset type (/Icons, /Images, /PDFs)

✨ Accessibility Guidelines:

ADA Guidelines: ADA.gov – ADA Standards for Accessible Design

WCAG 2.1 Overview: W3C – Web Content Accessibility Guidelines (WCAG) 2.1

💠 UI/UX Best Practices:

User-Centered Design: Nielsen Norman Group – User-Centered Design

Usability Heuristics: Nielsen Norman Group – 10 Usability Heuristics for User Interface Design

Design Principles: Interaction Design Foundation – The Principles of Design

About STW


Volunteer Information Spreadsheet

STW Brand Book

@Type the @ key to tag a teammate

💭 Design Inspirations:

Behance, Dribbble, and Awwwards for ideas and trends.

🏞️ Image Resource:

Depositphotos: A platform offering a vast library of high-quality stock photos, illustrations, and vector art for your design projects. Link to Depositphotos

• STW Google Drive. →Link to STW Photography Database

🔎 Research & Data:

User Research Tools

Google Forms: A simple and free tool to create surveys for user feedback and interviews. (create more when needed)

Example Question 1

Example Question 2

📊 Web Analytics:

• July 2024 Report from Komal Tendulkar. Technology Associate: Web Analytics, Save the Water™

• Dec 2024 Report from Swasti Bali. Technology Associate: Web Analytics, Save the Water™