Global Spark

Designer at a global organization to educate thousands of university students in social entrepreneurship and global development

Global Spark

A global education non-profit organization that empowers students to be more socially conscious and work toward practical solution to the world's most pressing challenge

Tools

Figma, Notion, Slack, Google Docs, Google Slides, Google Meets

Team

Melissa Lin (UX Design Lead)
Emily Gazo (UX Content Lead)
Nicole Lin (Managing Director of Digital)
Rohail Khan (Senior Product Designer)
Isha Godara (Product Design Lead)
Patrick Luo (Full Stack Engineer)
Daniel Kim (Full Stack Engineer)
Joyce Wangsa (Front-End Engineer)
Nathan Somsa-ard (Front-End Engineer)
Jayden Jung (Head of Marketing & Digital)

Timeline

May 2022 - June 2023

Skills

Design, Prototyping, Competitive Research

PROJECT OVERVIEW

As a UX Content lead on Global Spark's Digital team, I primarily worked on the project of redesigning the current Global Spark website. The redesign is centered around streamlining a modernized, user-friendly, branding cohesion experience.

Other projects that were allocated to me during the end of my position was a redesign of hacker dashboard for Hack the Globe and a ground up build for an accessible platform to organize the educational curriculum for users.

Background

Why is this redesign experience valuable for users?
Redesigning the user experience for a website can provide several valuable benefits to its users.

Improved Navigation, Layout, and Usability

Upgrading the website's navigation, layout, and usability makes it easier for users to find the information they need and accomplish their user goals.

This improved usability saves users time and effort, leading to a more positive and efficient browsing experience.
Enhanced Visual Appeal and Branding Cohesion

Updating to the visual elements give the site a clean and modern look. By incorporating visually appealing design elements increases user engagement and session duration.

A visually appealing website helps to establish a strong brand identity, which creates a positive impression and fosters trust among users. The current website has many of pages that have inconsistent branding, so the redesign tackles to improve those pages to create better brand cohesion.
Optimized Performance and Responsiveness

With the increasing use of mobile devices, it is crucial for websites to provide a seamless browsing experience across devices. By implementing responsive design techniques, enhances the website's performance and responsiveness across different devices and platforms.

Improved performance (e.g. faster page loading time)  contribute to a positive user experience by reducing waiting times and increasing user engagement. The former website has many broken links and images that disrupt the experience of users. The discussion to use Bun and nextJS are potential engineering next steps to reduce rendering time that users are often experiencing on the site.


These enhancements ultimately result in a more user-friendly and engaging experience, allowing users to easily navigate the site, connect with the content, and achieve their goals efficiently.

Project Journey

Design Goals

When approaching the project, some of my key design goals were:

First, to clearly communicate key changes after redesign, such as changes in landing page, our team page, and curriculum page.

Second, I wanted to actively interact and support the engineers in the ideation and refinement to actively understand what could be pain points in specific designs in the the back-end or front-end.

Lastly, it was important that my design incorporated experiences that help the user navigate efficiently, whether that be through clarity in copywriting or supplementary touch points.

Design Audit

We performed a design audit of the current website on Notion. The audit was categorized by page, area, viewport, priority, status, issue description, and expected behavior.

Some key issues that were found are:

Outdated information in landing page, our teams page, and more
Many broken buttons, images, or links littered throughout the website
A lot of inconsistencies in visual design such as logos and UI branding

Research Insights

After gaining a good grasp of some problems through a cross-sectional design audit and where the pain points lie within the experience, I invited 8 university students to explore the website with screen-shared on Google Meet to see their digital interactions with the website. I identified a few key insights to guide my designs, the main insights being:

8  users had skipped over the large sections of text on the website
6  users felt confused or lost on the website because of lengthy layout
5  users commented that the website have a long loading time

Concept Explorations

Once we felt like I had a good understanding of the redesign parameters, we iterated through mid-fidelity prototypes to visualize potential flows and interactions.

After we had a better sense of what the flow would look like, we explored a couple different website concepts and experimented with things like how I redesigned the icon on the landing page. After discussing with our senior designer and head of marketing and design and feedback from other designers, we decided to move forward a blend between all the different inspiration websites!

Nonetheless, the website is to digitally reflect the essence of the the organization. Therefore, we’ve maintained a cheerful and friendly essence, with a focus on simplicity tailored for the fresh and curious audience.

Former Landing Page Animation
Redesign Landing Page Animation

Design System

We created a style guideline consisting of brand colors and typography to guide the creation of the high-fidelity prototype.

Final Deliverable

Check out the prototype.

Reflection & Final Words

Collaborating with cross-functional teams to optimize for consistency, readability, and usability.
Engaging in this project provided me with invaluable lessons on collaboration at a larger scale. It marked my first experience into working on a product that demanded cross-collaboration integration among specialized teams and members (Marketing, Engineering, and Leaders). Throughout this experience, I gained insights into effective communication, time and priority management, and making the most of available resources within this unfamiliar workflow.

Applying research insights to inform design decisions
Through this project, I learned the importance of research-backed insights to increase confidence in design decisions and project direction.  

Communicating design rationale & incorporating feedback
Every month, I worked alongside full-stack engineers, front-end engineers, UX content leads, product design leads, managing director of of digital, senior designers, and head of marketing and digital.

Week by week, I learned more about communicating the ideas behind designs and how specific details added value to the overall project. Beyond communicating rationale, I learned how to navigate feedback across different teams and synthesize it to arrive at design changes.


I’m so grateful to have had the opportunity to learn so much and being able to temporarily fill the shoes of our managing director of digital towards the end of my time with Global Spark. This experience was truly a fun and rewarding experience that made me a stronger designer.

A huge thank you to everyone that took time out of their day to chat with me, make me laugh, and teach me something new!

Other projects

2022

UGO


Designing an app for pedestrians to feel safe to travel to their destination with a buddy system, crime reports, and crime heat maps

2022

SPARK SBU


Developing a centralized friend making app that expedites and simplifies the process of making meaningful connections

Let's work together