Techdren
Website highlighting Techdren's goals of providing access to technology to all to further education and empower women.
About Techdren
A non-profit focused on providing access to technology for all in order to further education. Founded by women working in Science, Technology, Engineering, Art, and Math (STEAM), Techdren is passionate about empowering women both in tech fields and out.
Problem
Techdren's website feels uninviting; it doesn't reflect the company's personality or create opportunities to highlight all of the different types of activism and work that they do. An overwhelming number of pages with repetitive information and confusing navigation. Frequent user flows led users off of the site in order to complete actions such as donating.
Solution
The new website design achieved the following outcomes for Techdren:
1. Create a new look and feel of the site that upholds Techdren's branding
2. Emphasize the importance of Techdren's different programs and allow users to apply for aid and assistance online
3. Have ways to support the non-profit through donations directly on the site
4. Build areas for Techdren's other work and educational programs such as their educational video series "Tuesdays with Techdren."
Software
Sketch
Adobe Illustrator
WordPress
Adobe Illustrator
WordPress
Project Length
6 Weeks
Role
UI / UX Design and Front End Development
Site Map
The simplified site map breaks down the website into a few major sections.
What We Do highlights Techdren's major campaigns and work.
Get Involved features all the different ways users can join Techdren's mission, with sub-pages like sponsorship and the support a student campaign.
About Us dives into who Techdren is and what they believe in.
Media includes all their digital work"Tuesdays with Techdren," and their press and blog.
Donate is one of the company's biggest end goals, through either monetary or donation of technology that Techdren refurbishes.
Modular UI System
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Minim veniam, dolore et sint occaecat laboris nisi ut aliquip ex ea commodo consequat.
Iconography
Using a modified icon library, orem ipsum dolor sit amet, consectetur adipiscing elit. Minim veniam, dolore et sint occaecat laboris nisi ut aliquip ex ea commodo consequat.
User Interface
Using a modified icon library, orem ipsum dolor sit amet, consectetur adipiscing elit. Minim veniam, dolore et sint occaecat laboris nisi ut aliquip ex ea commodo consequat.
Get to Know and Believe in Techdren
An important part of Techdren's success is the people behind it. As a local non-profit, familiar faces and strong beliefs can be valuable assets. People are more trusting and confident working with a company if they're open and honest.
Support and Donate
Techdren thrives on monetary and technological donations. Users can donate directly on Techdren's website in multiple ways. Users can also donate their used technology.
The donation page also pushes people to support the non-profit through their time with links to volunteering and fundraising programs such as the 5K fundraiser.
Register and Apply for Assistance
Techdren's main goal is to connect everyone in need with technology. Users can apply to receive technology and assistance directly online through their different programs, such as the Tech Access Program (TAP).
Solution Outcomes
The new website design achieved the following outcomes for Techdren:
1. Updated the website's branding to support Techdren's identity and emphasized Techdren's history and importance in the community
2. Created opportunities for users to register and apply for programs
3. Established ways to support the non-profit through donations directly on the site
NEXT PROJECT
A compilation of graphic design work made for social media, web, and e-mail.