Designing for an organization accelerating tech in Southeast Asia.

Since 2016, Developh has been constantly growing and evolving from a small club of 40 to an international nonprofit serving 80,000 students. We're an online, design-first organization that has grown tremendously.

RolesFounder co-leading design with Bianca and engineering with Kirsten. We've worked with over 70+ core members. Visit Developh is live at Developh. We write about our deisgn and practice on Medium.

Design

Technology that bridges, not divides

Developh exists in the interesting tech space of the Philippines: we're amidst an unprecedented time of growth in interest in Southeast Asian tech, but this isn't reflected in local recruiting or startups. Our lives are undeniably intertwined in the consumption of technology, not really the creation of it.

From our start as a casual development organization in a high school in the Philippines to our evolution as a remote international nonprofit servicing tens of thousands of students across our programming, here are some of our workings and learnings across design.
Currently, we have a 7-person design team (including me) producing initiatives and materials for over 4 chapters, 50+ student communities, and tens of thousands of students.
For nearly four years have we been working at breaking apart and reinventing tech's systems at Developh, and communicating these efforts and building on it. Here's a snippet of what we do.


This is Developh

This video was made in 2016, the first year of our then-club.

This video was made for our 2018 recruitment and rebranding by member Cali Santillan, voiced by our Design Head Bianca.

Branding

In 2016, we began as a casual game development and technology organization known as Developers' Society, off a video game motif. A year later, we rebranded to a somewhat generic circuit icon to reflect our expansion as a general tech organization with a fascination for startups. In 2018, we changed our name to Developh—accompanying our expanded goals across innovation, startups, and technology. the new logo is adapted from the connectivity symbol.


Brand Sprint


Developh Website

Our website has gone through three main evolutions, with the latest one deployed in 2020. Things are simplified and cleaned as we've streamlined our operations, and have years of web analytics. We focus on two streams for direct conversions (for students/volunteers and for other supporters), highlighting all need-to-knows.

I designed and coded all iterations of our organization website.

I didn't build a lot of mocks for our platforms: I refined things with the team in code. I'm most comfortable making UI changes this way.
2017
2018—2019
2020
About
Events

Pitchdecks

Over the years, we've gone from casually introducing our organization to member aspirants to being crowded into Manila skyrises to get a chance at an event partnership or some funding. As we grew, I designed our decks focused more on highlighting entrypoints for potential stakeholders (students, companies), weaving our narrative and thesis as an organization into numbers, and always highlighting the work we've done. Good practice I always like to do is extra slides at the end to flip to if needed for any complex, anticipated questions.


Deck for 2018
(scroll ↓)
Outlining and writing up our deck with the entire core team, working to target common questions we've received from companies

Deck for 2020
(scroll ↓)

Design Templates

After expanding outside of our school, we began establishing an online digital process. We regularly evaluate our most frequent post types and formats to build our own templates for these announcements. Common posts include scholarships, upcoming events and conferences, giveaways, announcements, and more.

To cater to different teams, we have sets of templates with varying degrees of flexibility.


A typical look for our organization's feed and posts

Production—along with the templates we have produced, we follow a loose style guideline for sharing our initiatives. Our designs follow a blue to purple color palette, are largely solid and use familiar designs. Different divisions of our organization are also represented symbolically.

Icon system used to represent our regular programming
Our ventures/accelerator section compared to our regular programming

Social Media Management

Facebook is the primary space where we operate and share info; it's a top place for communication in Southeast Asia. Previously publishing everything manually, we now use Buffer (free plan) to schedule posts.
Our design team schedules meetings for brainstorming guided by our content guidelines. As we've gotten more cohesive, streamlined, and output more consistently, onboarding new designers or coming up with completely new materials is more difficult.

Combined, we have 16,000+ Facebook likes, 400+ Instagram followers, and 300+ Twitter followers.

We look carefully into page insights and analytics, and run A/B tests with different strategies—moving forward with winning variants.

Newsletter

Developh sends a newsletter once or twice a month, distributed to our student members and also advocates and other supporters. We add event highlights, calls to action, and ways to support our work—usually averaging an open rate of 60-70%. We tend to rotate on how we design information and calls to see what works more effectively.

2019 Newsletter
Boothing at events helps us gain influxes of new contacts and subscribers—this is from the Rappler 2019 Social Good Summit


Developing systems and processes

Growing with Developh

From its founding in 2016, Developh has taught me copious amounts about managing and hiring for student teams, remote communication, project management, and more. Here's a glimpse of some of the systems we have in place.


General overview to how we maintain our product releases at Developh—more projects branch off and maintain their own systems during and after the development phase

In-house Projects

There are more detailed projects in the initiatives section, but this chart provides a high-level view of how we organize, launch, maintain, and handoff different projects in our teams. Ownership and continuous mentorship and technical growth are key within Developh. At the same time, we value transparency and meticulous documentation—while thinking of ways to make space for everyone to breathe, think, and contribute; especially as a distributed team.

Design-driven culture

Developh is a design-driven organization. We have grown and pivoted our organization's goals because of key gaps we saw the student tech ecosystem: we're conscious and unafraid to iterate for the students we serve. Our principles are as much as possible: to be intentional, radical, experiential, and beautiful.


Membership and Community

Developh is nothing without its community—these are the members that it supports, those that back its initiatives, and are how we interface and build the tech ecosystem. Since going remote, a challenge is constant strategizaiton on how to continuously acquire more members—our main metric, and how to engage them in programs be it education or innovation ones. It's key for members to be in our pipeline.

We maintain a members-only group and an open group for public announcements that helps us engage with industry professionals and advocates of our work

Recruitment Cycle

Until 2019, we conducted recruitment cycles: three-week periods of intense marketing and campaigning to gather users on a limited-time signup form. We would onboard them through a series of tasks (posting on the group, sharing a DevEd material, or signing up for a mentor/activity) and have them on our group and mailing list loop.

Developh registration form til 2019, with 300 members from new channels Initial Metro Manila-wide release, with 86 respondents

Community Program

Recruitment cycles were too isolating in reach; we noticed students finding us through yearly programming and inquiring to join—who we couldn't make wait another 8 or so months to onboard.

Our new community system with Developh establishes a consistent entrypoint (the group/member mailing list) whenever we run projects, gives us new funnels through existing tech groups in high schools and universities, and allows us to meet more students to bring into leadership roles.

Our Community Facebook group

Regional Directors

Developh core team members who intentionally source and outreach organizations, initiatives, and events in their region of operation to run programming (workshops, roundtables) in their area, and get more members for Developh while understanding their region.

Community Partners

High school, college, or community-level technical groups that we work on collaborative programming with. We provide these groups funding, event delegation opportunities, and more in exchange of manpower, shared events, outreach, etc.

We accomplish our Community Program with these key partners, but are constantly looking to reevaluate their relationships and how we can maximize potential.

An overview of metrics, factors we look at for members

Outreach

Linh Nguyen, our Regional Director for our Vietnam chapter

We have communities that operate to serve broader regions. Our design team helps create their brand assets, providing templates and identity guidelines—and working with their own volunteer designers for the right materials to be put out.

Twitter conversations and chats

Other spaces where we engage might be on social media conducting chats, hosting weekly posts, community roundtables on Hangouts, and more.


Developh Blog

Bianca, my Design VP and I have come into the practice of pushing for more press and coverage for Developh. Part of how we maintain this beyond our multimedia campaigns is through writing articles and reflections on a Medium blog for Developh.



Initiatives

Creating more pathways in tech

Along with our organization's own systems, we've released over a dozen ventures and projects as part of our work to build more pathways in technology. These range from career and mentorship services, entertaining web experiences, and more.

Talks & Workshops

Since the start of quarantine, we've been running a variety of talks and workshops featuring students and speakers from all walks of life. I invite, organize, and oversee the process of our events—and usually create the designs that go along with it.

DevEd

Our education initiative is known as DevEd, where we produce courseware as well as short bytes of educational information and content. I did design for most DevEd materials and managed the project management and creation of the materials, with our former Technology Head Keith Leonardo reviewing and writing a lot of our material. These resources have been shared thousands of times online, used in dozens of classrooms.


I also designed the websites and promotional materials in addition to the DevEd materials itself. I wrote a good amount of tutorials on web development and other emerging media topics, too!


Collab

For large, one-off events we enjoy going a bit more independent on designs. For Collab—a mission-based acceleration we launched in 2019, I led the design of a mini-identity for the event and program.




Intern.ph

In January 2020 we launched a compensation database for the Philippines, giving students the ability to know how they might be compensated at a company and what to expect. This product release falls in line with our Career Immersion programming and Summer Internship matching, programs we've been running since 2018. To date, we have over 400+ reports on hundreds of companies and startups.


Intern.ph is an example of a tool we've released that goes into constant use and reach. It's important for us to watch on how these materials get distributed to ensure the data is relevant to all; most submissions are referred to from outside of Developh.


Mental Health Hackathon

One of our earliest major online events in 2017 was Mental Health Hacks, an online hackathon that welcomed over 100 participants from around the world to tell stories or offer solutions around the mental health space. I designed the branding and all materials for the event.



We received an incredible amount of entries and support. During the duration of the event, about 10 core members went on rotation to provide engineering, design, or simply accompaniment on a Discord server we put up to discuss the hackathon.

I was able to secure partnerships with the largest mental health advocacy groups in the Philippines who helped framed possible problem spaces and guiding material for participants, along with judging in a points system we organized.



Developh at Collab 2019
Speaking at the 2018 Grace Hopper Celebration Booths with our educational materials
Developh at EduTECH 2019 Developh at EduTECH 2018


Insights

Measuring the impact of Developh's work

Since founding Developh in 2016, I've been taken to speak across three continents, have talked with dozens of student teams and learned from hundreds of students about what makes innovation work, and what doesn't. I've shaped my perspective of the tech industry and look at all I do with intent and empathy shaped by the experiences of over 75,000 students we've touched. This is the most important work I do today.


Developh at the Manila Maker Faire

This organization would not be possible with the work of over 40 core members and volunteers who have helped shaped our work and advocacy. We're constantly aligning our principles with beliefs shaped by all involved and all we try to fight for, plot events and campaigns, and more.

It's always a challenge to stand up against an ecosystem as teenagers, building new entrypoints to the technology scene out of our own. We knew nothing about networking, startups, technology, design, code, or anything at the beginning of Developh. In four years, I had grown with 40-something passionate friends and volunteers in countless ways. Somehow, this is still only the beginning.


How do your student-run organizations think about design and execute? I'd love to hear your thoughts.