DesignExplorr is founded by Dr. Jacinda N. Walker; renowned for her work in design, diversity, research, and strategy. This social impact organization aims to diversify the design profession by increasing access within education and corporate organizations. We do this through collaborations that develop youth programs, coordinate diversity-building initiatives, and connect stakeholders to resources.
The number one design goal is to empower today’s youth with realworld skills, connections, and opportunities so that tomorrow’s design profession has all the best people leading the way.
About designExplorr
WelcomeAGENDA • Meet Your designExplorr • Scope of work • Discuss design briefs concepts and strategies • From Tyanna Reeves • From Sabrina Simpson • Next steps
• Icon and image development
Scope of Work
• Social media branding
• Sabrina Simpson's scope of work includes — creating the design brief, deliverables social media branding, icon and image development, social cards, social channel assets, website footer infographic.
• Tyanna Reeves' scope of work includes — creating the design brief deliverables site Mapping, Color pallet, Branding and web design for “Emerging professionals” page, Social Media/Constant content template banners
• Color palette
• Branding and web design for “Emerging professionals” page
• Social Media/Constant content template banners
• Site mapping
• Website footer infographic
• Social channel assets
• Social cards
The Design Brief - Tyanna Reeves
The Creative Brief
• Provides what the deliverables will be and gives a time frame of when it is expected to be completed.
Document of important Project info.
A creative brief is a layout of important information that provides goals and objectives of a project.
• Deliverables- Site Map, Color palette, Branding and web design for “Emerging Professionals” page, Social media/ constant content
• My brief provides the client information and key things they are looking for.
template banners
Full Site Map and Programs Site Page
Site
A site map is a visual list of web site pages within the domain that shows hierarchy of content, organization of page layout, and breaks down information.
• Demonstrate what the website can look like.
• Reveals how to help find ways on how to organize information.
Idea for the BPACF website
• This can also be a reference for anyone else working on the website. Map
ENGAGE 2.0 PROGRAMS 3.0 DONATE 5.0 CONTACT 6.0EVENTS 4.0 HOMEPAGE ABOUT 1.0 NAV NAV NAV NAV NAV NAV NAV SocialSearchLogoMedia NAVKey ThisDescriptionwillbethe main Nav on the homepage. This is a small presentation of how each webpage will look and how it could be navigated. Primary NAV Bar DiscriptionDiscriptionImageImagelogo DiscriptionDiscriptionDiscription InfographicImageImageImage Image Image slideImageshowImage“Our Image“Mission”Vision”slideshow “Over View” DiscriptionDiscriptionDiscription PicturesTitleImportant Info ImagesImageImageVideoDiscriptionDiscription DiscriptionCalendarImageImagesDiscription Image Image Image Discription MapsDiscription“Why “Updates”Support What We Do” “Volunteer “Youth “Student“Activities”ProgramsExperenice”“WhySupport” Full Site Map
Programs Page of the Site Map
Branding for Organization and Emerging Professionals Web Page
For “Emerging Professionals” Web Page Branding is the process of giving a meaning to a specific organization, company, products or service; by creating an experience in a consumers' minds. A Brand Includes • Color Palette • Texture/ Graphic Elements • Image development (pg. 34) • Engagement with viewers/audience • Web design Branding for Organization
A color palette, in the digital world, refers to the full range of colors (a range of colors shown as primary and secondary colors.) that can be displayed on a device screen or other interface, or in some cases, a collection of colors and tools for use in paint and illustration programs.
Color Palette #f1c76bYellow#33676bBlue #f58023Citrus#273962Blue#fbceb1Apricot#30d5c8TurquoiseViolet#8f00Primary#c54b8cMulberryVermillion#E34234 Lime #9fc131Green ThridSecondary
• Can help diversify the program pages and sections for important information.
• Connecting the web page to the social channels.
• By implementing an expanded color palette the organization can mix the second and third level colors with the primary color(s) to create an individual identity for programs events and etc.
Ideas for Color
Texture/ Graphic Elements
Engagement with Viewers/ Audience College2-417-24AgesYear ProfessionalsEmergingStudent
For “Emerging Professionals” page
• Programs lacked enough content. Viewers would need a more in depth description of each program to see what will work best for them.
My Ideas:
Web Design
• Organization of information was hard to follow.
My Findings:
• Using color can help guide viewers to important information.
• Develop a concept that organize the flow of information and create easier access to important information.
1st Section
• A strip for tabbed section
2nd Section
Tabs 1 and 2
Tabs 3 and 4
3rd andSectionFooter
Design BriefSabrina Simpson
My Design Brief • A design brief is a document that defines the core details of your upcoming design project, including its goals, scope, and strategy Deliverables • Social media branding • Icon and image development • Social cards • Social channel assets • Website footer • Infographic
• Our goal for the moodboard was to show inspiration on how we envision BPACF's brand moving forward.
• A visual tool that communicates the designer's concepts and visual ideas. It is a well thought out and planned arrangement of images, materials, pieces of text, etc. that is intended to evoke or project a particular style or concept.
What is a moodboard?
Moodboard
Moodboard
Icon and DevelopmentImage
Goals • Develop a folder of images to diversify the selection that BPACF already has • Show a range of people through age, gender, and culture • Upon accepting we have created a shared folder of free images Image Development
Why do we need icons? • Icons help keep users engaged in content • Reinforce the message with a visual explanation • Creates faster interpretation • Upon accepting we have created a shared folder of free icons Icon Development
Social Media Branding
• Creating content that is approachable and engaging
Social
• Creating post with strong headlines that focus more on graphics, allowing viewers to learn more within the caption. Media
Instagram social card goals
Social Card Concepts for Instagram
Shown here is a LinkedIn banner and profile picture • Creating a consistent look across platforms • Graphic elements such as cones, cubes, cylinders, and arrows will be interchangeable • Primary colors will be used across platforms with Social Channel Covers
Infographic
Create an infographic for an article found with in the BPACF magazine
Goals
Infographic
•
Goals • Condense heavy content into a poster that is easy for viewers to read and navigate • Reduce the time readers spend researching student debt • Using this poster as a guide to post the content on social media. Which can redirect users back to the BPACF website or magazine Infographic
Next Steps Things were planning to start • Need client to submit text to design Social Media/Constant Contact Template Banner • Need content for social cards • Need content for “Emerging Professionals” page • Need instruction on wordpress design
Online: designexplorr.com Email: Socials:jacinda@designexplorr.com@designexplorr Stay in Touch with Us! Thank You
