website-02.png

Website Design

PInT is Olin College’s Public Interest Technology (PIT) chapter that provides opportunities to engage with the social impact of technology while developing engineering skills​. During the summer of 2021, I worked on  redesigning and creating a website for PInT. 

This was a self-directed project that I worked on with feedback from peers and a mentor from Olin College's Marketing and Communications department. 

Role

Website Designer

Tools

Figma, Adobe Illustrator, Adobe Photoshop, Wix

Design Process

Before designing the site, I did research on our club values, similar organizations and clubs, and site goals/audiences. Then, I moved on to sketching wireframes, collecting and creating content, and designing icons. I then put everything together and built the site using Wix.

RESEARCH

Outline site goals and web audiences​

Create a site map

Make a user persona to understand user interactions with the site

Look at other non profit sites and college PIT groups

DESIGN

Create wireframe sketches and a mockup

Write and design content (photographs, icons, information, etc.)

Finalize branding strategy for PInT for consistent UI elements

Create site using Wix and publish

Site Goals

Communicate PInT's mission to the world

Showcase current / past work PInT members have done

By highlighting our club values and what we focus on, we want to show what matters to PInT and what we structure club activities and projects around.

PInT is a unique club in that members can work on a diverse range of projects all centering around public interest technology. We want to highlight this work to share to the rest of PInT and the broader community.

Build future public interest partnerships

PInT is always seeking opportunities to collaborate with organizations on projects and bring in speakers. By implementing an easily accessible contact page, we can help potential collaborators reach out to PInT with ease and provide relevant information about what members have / are currently working on.

Provide public interest technology (PIT) resources

We want everyone, including people not in PInT, to have access to resources such as a Context and Ethics guide and PIT career opportunities as a way for them to get involved with PIT outside of PInT.

Web Audiences

Current Olin Students

Content

  • PInT's model, values, and approach

  • Past / current projects and involvement (subteam and fellowship)

  • Blogs

  • Fellowship information / how to apply / what past fellows did

  • Resources / Context and ethics guide / PIT careers and jobs

  • News and upcoming events

  • Contact information / interest form / join mailing list / meeting info

​Tasks

  • Acquire all the above content

  • Find information about projects they could potentially be interested in

  • Apply for fellowship

  • Contact PInT, fill out interest form, join mailing list

Olin family / friends / alumni

Content

  • PInT's model, values, and approach

  • Current projects and involvement (subteam and fellowship)

  • News and upcoming events

  • Facebook Page

  • Donation link 

  • Events

​Tasks

  • Access all the above information

  • Learn about projects that PInT members are doing

Organizations interested in collaborating with PInT

Content

  • PInT's model, values, and approach

  • Past/current projects and involvement (subteam and fellowship)

  • News and upcoming events

​Tasks

  • Acquire all the above content

  • Acquire contact information and ways to connect with PInT organizing team

  • See what project teams are up to

Olin administration (faculty / staff)

Content

  • PInT's model, values, and approach

  • Current projects and involvement (subteam and fellowship)

  • Collaboration opportunities (Mentors, advisors, skill-shares)

  • News and upcoming events

  • Our impact statement

  • Contact information for external stakeholders

  • PIT activities on campus

​Tasks

  • Acquire all the above content

  • Acquire contact information and ways to connect with PInT organizing team

  • See what project teams are up to

Sitemap

Sitemap2.png

Journey map- Olin Student

Journey map- Olin Student.png

Wireframe Sketches

Website sketches_Page_01.png
Website sketches_Page_04.png
Website sketches_Page_05.png
Website sketches_Page_02.png
Website sketches_Page_03.png
Website sketches_Page_08.png
Website sketches_Page_09.png
Website sketches_Page_11.png
Website sketches_Page_07.png
Website sketches_Page_06.png

Icons

I used Adobe Illustrator to design icons for the different projects that PInT worked on this academic year. These icons are used on the projects page of the website.

Purple_Branding.png
Purple_Hydro.png
Purple_Civic engagement.png
Purple_Istas.png
Purple_Learn2teach.png
Purple_Culturehouse.png

Figma Mockup: Home page

Check out the final site here!

Wireframe reduced.png