Boundless Sea and Sky Foundation Website Design
A responsive website design created for a nonprofit educational organization, aimed at promoting their educational philosophy and enhancing their brand identity.
My Role
UX Website Designer
Timeline
Oct 2024
Type
Responsive Website Design
Website Development
B2C
User Experience Design
User Interface Design
Tools Used
Wix, Figma,
Photoshop, Illustrator
Overview
Overview
My Role
My role involved leading the end-to-end design and development of an educational website for a nonprofit organization using Wix, from initial sketches to the final launch. I conducted in-depth user research to understand the client’s needs, which included creating online surveys, facilitating multiple rounds of meetings, and iterating on the design weekly. This iterative process ensured the final website delivered an exceptional user experience while meeting the client’s objectives.
My Goal
The goal was to develop a responsive website with a visually engaging interface that effectively highlights the organization’s core mission and contributions to education. The website was designed to help collaborators clearly understand the nonprofit’s purpose and to increase opportunities for collaboration through easy sharing of the site.
Design Process
Workflow Creation
Creating a clear workflow for your one-month web design case will not only help your client understand the progress but also set clear expectations for each week.
.png)
Research & Strategy
I’ve prepared 12 key questions to understand the company from different design perspectives. This ensures alignment with their goals and inspires impactful design solutions.
Understanding the Client's Business
Content and Structure
Project Goals and Objectives
Audience and User Experience
User Interaction and Navigation
Research Conclusion
Mission
I’ve prepared 12 key questions to understand the company from different design perspectives. This ensures alignment with their goals and inspires impactful design solutions.
Key Focus Areas
-
Promoting access to education through scholarships, STEM programs, and innovative learning methods.
-
Showcasing their impact on underserved communities and fostering global cultural exchange
Website Goals
-
Amplify the Foundation’s mission and programs.
-
Promote collaboration with educators, communities, and other partners.
-
Inspire and inform users while providing a platform for connection and engagement.
Sitemaps
Initial Version
After completing user research, I gained insights into structuring the website and began by creating a sitemap.
Design Iterations and Discussions
After several design iterations, I realized I hadn’t fully captured the client’s needs. For example, Initially, I prioritized the donate button, assuming profit was key. However, discussions revealed their focus on promoting education and fostering industry collaboration. I restructured the website to align with their goals and used visuals to enhance understanding.
Lo-Fi & Med-Fi Prototype
Branding
Color Brainstorming
Design Tone: Ocean, Sky, Bird, Fresh, Simple, Blue
Design Style Prototypes
Style 1
Style 2
Style 3 (Final Decision)
