.png)
Remarkably Us Overview
The goal of this redesign was to create a more engaging website for the non-profit, highlighting many pieces of the significant work they do in the community. We incorporated visual hierarchy and vibrant, eye-catching colors to add a dynamic and approachable feel to the design.
My Role: UX/UI Designer
Tools: Figma, Slack, Zoom, Wordpress, Beaver Builder
Collaborating with Stakeholder to Align Design
Through open communication, active listening, and iterating feedback continuously through the design process. We worked with the stakeholders to understand the needs, priorities, and goals. This process ensured that the final design reached the users expectations, but also effectively represented the stakeholders mission, and values.
Mission Statement—We cultivate community by amplifying the narratives and empowering the unrepresented voices of Latinas in the foster care system through networking, skill development, and transformative experiences. Our aim is to reshape trajectories, inspire fellow Latinas in foster care, defy discouraging statistics, and triumph over the paralyzing effects of toxic sham
Vission Statement- We invision a world where Latinas including current youth and adults in the foster care system, as well as former foster care Latinas leading professional lives, experience a profound sense of connection, care, and our inspired to pursue their goals. Simutanesouly we aim to uplift their remarkable stories and catalyze profound change through their distinctive impact.
Team Structure
With just 48 hours to redesign Remarkably Us, our team collaborated closely with the client through regular check-ins, guided by materials compiled by our project manager. From there, responsibilities were divided based on our individual strengths. As the UX/UI designer, I partnered with the content writer to transform the provided materials into a clear, impactful layout that effectively communicated the client’s message and built trust with users.
Design Process
Visual Imagery
These photos were examples of the style and colors the stakeholder wanted us to align with in the design of the website
Colorography
Their input guided the creation of a vibrant color scheme that reflected the organization’s personality.
#307B45
#E59298
#DA6528
#F4DB41
Typography
To align with the client's vision, we explored font styles that conveyed boldness and a vintage aesthetic. After thoughtful discussion, our team collectively decided on fonts that captured both the character of the brand and ensured readability across the site.
H1- Goudy Bookletter 1911 serif Font Size 36pt
Body- Poppins sans-serif
Font Size 16pt
-
Added this hero section to grab attention and convey the primary purpose or message of the page
-
Next, we wanted to add the website’s mission and vision to build user’s connection to the non-profit work.
-
Showing the impact this non-profit has made builds trust with the users.
Visual Hiearchy
Emphasizing the nonprofit’s purpose was essential to telling a clear, compelling story that reflected the client’s vision. Through intentional use of visual hierarchy—such as bold headline placement, strategic whitespace, and prominent callouts—we brought the mission and impact to the forefront. These design choices guided users’ attention, making it easy to understand the organization’s value at a glance and fostering a deeper connection with their audience.
Homepage Before
UX/UI Transformation
As the UX/UI Designer on the Remarkably Us website project, I collaborated with a cross-functional team to transform our initial wireframes into a fully responsive WordPress site. I focused on creating a seamless and accessible user experience by ensuring each page had a clear purpose, consistent visual hierarchy, and intuitive navigation. Working closely with the development team, I translated design concepts into functional layouts, optimizing the site structure for both desktop and mobile. Additionally, I implemented SEO best practices and tailored the content and layout to align with the client’s brand voice, goals, and user expectations. The final product reflected a cohesive, user-friendly experience that significantly improved clarity, engagement, and overall usability.
.png)
Homepage After
Reflection
Redesigning the Remarkably Us website was a valuable opportunity to apply user-centered design principles in a real-world setting. Collaborating with a team through each phase—from meeting with stakeholders, researching, and wireframing—challenged me to balance creativity with functionality. This redesign in 48 hours deepened my understanding of designing within the constraints of a platform like WordPress while still delivering a seamless and engaging user experience.
One of the most rewarding aspects was seeing how thoughtful UX and UI decisions could directly improve the site's clarity, usability, and help align with the client’s goals while also helping the team progress to the next steps of the design process. I also gained hands-on experience implementing SEO best practices and designing with both users and business outcomes in mind.
Ultimately, this reinforced the importance of clear communication, design consistency, and strategic collaboration. It also strengthened my confidence in turning user and stakeholder needs into a polished, functional product that adds real value.