Energyfolks  |  Website Design


Energyfolks is a not-for-profit organization that aims to connect energy students & professionals from around the world. They provide backend support to help affiliates manage membership, facilitate discussion, post jobs, & promote events. The objective is to recreate the flows for the discussions, job board, and events. We also redesigned the homepage to better encompass a new look and feel and restructure content to show new users what Energyfolks is.

This project was designed by Sarah Lin, Tela Chang, & Jared Klein.


Adobe Illustrator, Adobe Photoshop, Balsamiq, Omnigraffle, InVision and InDesign


I redesigned the job board and the flow of posting a job and viewing a job. The process included laying out a competitive analysis, sketching ideas and content organization, visual wireframing, and organizing the final presentation.

Final Mockup

Final Mockup

Research Flow Board


We looked at industry standards of similar websites for each section (e.g. LinkedIn, Glassdoor for job postings; Google Calendar, Facebook for event creation) and created a board to visually present their flows. We then went through their components and labeled each of them.

This helped us learn the industry standards for each of the three sections. We pulled features that competitors had and used them in a card sort for users to categorize and help us learn what was necessary.


User Research

Part of our objective was to restructure EnergyFolks' content in a way that new users could understand. Our team and users brainstormed by sketching out ways to communicate that EnergyFolks provides backend support and builds community.

This helped us later construct the 'About Us' section of EnergyFolks' homepage. We were able to see what verbiage users found confusing and iterate based on their feedback.

User Research

User Personas

We created 3 personas to tell 3 flows: creating a forum post, creating an event, and posting a job. Click through and meet Charlie, Amy, and Daniel. 

User Testing

We had users perform a card sort and organize information in a way that made the most sense to them. Users were asked to think out loud and voice their thought process to us.

Our users taught us there are intuitive ways to group information for easy flows. Card sorting revealed that information could be grouped by specific details, such as Company Information & Job Information for the job flow.

Card Sort

Final Prototype

You can see our final prototytpe on InVision here.