Design Brief

Persona

Persona: Stony Brook Computing Society Executive Board

Age range: 18 to 24 year olds

Location: Stony Brook, New York

General educational level: The constituent is a student at Stony Brook University pursuing a Bachelor’s degree.

Computer/technology literacy: The constituent has a moderate level of computer literacy, The constituent is familiar with responding to emails and monitoring and posting on social media accounts. The constituent is also interested in or familiar with programming languages.

Technology access: The constituent has access to a stable network connection. They own a computer and phone that they can bring to campus, or use a school-owned laptop.

Occupation: Student

Environment: The constituent is at school. In between classes, the constituent is on campus and interested in campus activities.

Socioeconomic group: The constituent can be from any socioeconomic group, but is able to attend college.

Gender, Race, or Ethnic group if applicable: The constituent can be from any gender, race, or ethnic group.

Language (specific terminology as well): The constituent speaks English, and is familiar with technical terms.

Special needs (disabilities): The constituent may or may not have special needs.

Cultural preferences: The constituent can have any cultural preferences.

Backstory and Motivations: The e-board consists of Computer Science and Computer Engineering majors. Each e-board member serves a different position, such as President, Vice President, Secretary, or Treasurer. As a club recognized within the College of Engineering and Applied Sciences (CEAS), the e-board members want CEAS members to join the club and form a diverse and inclusive community. The e-board members will be using the website to communicate with these general body members. They will update the website with the newest events, company sponsors, and e-board changes. They would also like to use the website to document photos from previous events to showcase the community. The website will also be a place for them to note down resources. These resources include the club’s social media and newsletter links, mission statement and constitution, as well as links to election forms, resume book submission forms, and mentorship registration forms.

 

Persona: Club General Body Members

Age range: 18 to 24 year olds

Location: Stony Brook, New York

General educational level: The constituent is a student at Stony Brook University, either pursuing a Bachelor’s degree or a Master’s degree.

Computer/technology literacy: The constituent has a moderate level of computer literacy. The constituent has an email address from which they can subscribe to a newsletter, and has social media accounts. The constituent is also interested in or is familiar with programming languages. 

Technology access: The constituent has access to a stable network connection. They own a computer and phone that they can bring to campus, or use a school-owned laptop.

Occupation: Student

Environment: The constituent is at school. In between classes, the constituent is on campus and interested in campus activities.

Socioeconomic group: The constituent can be from any socioeconomic group, but is able to attend college.

Gender, Race, or Ethnic group if applicable: The constituent can be from any gender, race, or ethnic group.

Language (specific terminology as well): The constituent speaks English, and is familiar with technical terms.

Special needs (disabilities): The constituent may or may not have special needs.

Cultural preferences: The constituent can have any cultural preferences.

Backstory and Motivations: The student is a Computer Science major, and they would like to expand their technical knowledge and interviewing skills. They are looking for a club they can join to be a part of a community and find others with similar interests. The student has heard about the Stony Brook Computing Society through the involvement fair at the beginning of the semester, and is interested in keeping up to date with the club’s events through the club’s website. 

 

Persona: Company Representative

Age range: An adult of working age (20s to 50s)

Location: Anywhere, but has an interest in recruiting in or visiting Stony Brook, New York

General educational level: The constituent has a Bachelor’s degree and is a working professional.

Computer/technology literacy: The constituent has a moderate level of computer literacy. The constituent has an email address from which they can interact with the club about questions about sponsorship. The constituent understands how to work with Microsoft PowerPoint to create slides for workshops and presentations.

Technology access: The constituent will have access to a stable network connection and a computer.

Occupation: Recruiter

Environment: The constituent is at work.

Socioeconomic group: The constituent can be from any socioeconomic group.

Gender, Race, or Ethnic group if applicable: The constituent can be from any gender, race, or ethnic group.

Language (specific terminology as well): The constituent speaks English.

Special needs (disabilities): The constituent may or may not have special needs.

Cultural preferences: The constituent can have any cultural preferences.

Backstory and Motivations: The company representative is a recruiter for a tech company. There are software engineering opportunities at the company for internships and full-time roles, and the company would like to recruit Stony Brook University computer science students. In the past, sponsors have included Meta, Google, BlackRock, and Softheon. The company representative is interested in reaching out to the Stony Brook Computing Society to hold events where they can directly meet with computer science students. They are also considering potentially sponsoring the club so that the club can promote the company on apparel and on social media. The representative would be most interested in using the club’s website to view the professional side of the club. For example, they would want to view the club’s mission statement and contact information. They would also look for the types of events the club usually holds.


Color Palette


Moodboard

Moodboard Design Rationale:

The SBCS logo is mostly blue and black, so I incorporated similar colors into my moodboard. On the side, I also re-emphasized the moodboard’s color palette to establish a sense of consistency among the pictures. I included images that I associated with the club, including coding on a laptop, Discord, community, company sponsorships and partnerships, and circuits. These images are relevant because SBCS is a professional student club focused on computer science. They also reflect the idea that the website should balance having a professional appearance, while ensuring that it is friendly and welcoming to prospective members. The image of a website also provides inspiration on how the SBCS website could look like, with a light blue and dark blue colored theme. I am also inspired to follow the layout of this website, with the rounded rectangles providing an area for images while also going a modern tech personality to the website.


Wireframes

Figma Link: https://www.figma.com/file/1pP5NlR6u3XHnjSWjFGeGC/CSE-333-Mock-Up?node-id=0%3A1

Home Page:

The other screens I wireframed were the About page, the Events page, and the Sponsors page. These wireframes are shown below:

About Page:

Events Page:

Sponsors Page:

Wireframes Design Rationale:

Using the icons, logo, and typography that I developed for previous assignments, I decided to create wireframes that would match their colors and styles. As a result, the website has black, navy blue, and white elements. Since this is a club organization, I also divided the sections of the website into pages that I thought would be important for an end user to know about the club, such as about the team, upcoming events, sponsors, contact information, and a photo gallery of previous events. The website should also show how the club helps both students and company representatives, so I included a section for “What We Do” for students, as well as a section for “Partnership or Sponsorship Opportunities” for company representatives. The website would also be interactive, so I included a form that allows students to submit their resumes to the yearly SBCS resume book. This all helps to evoke a sense of community and professionalism, both of which are crucial for a student-run academic club.