<<  ANNOUNCEMENTS
< ANNOUNCEMENTS
Professor Ellen Baryshev    ellenbaryshev@gmail.com; office Wed, 5pm - 6pm, room P115, COMD dept.
Professor Ellen Baryshev     ellenbaryshev@gmail.com
Office Wed, 5pm - 6pm, room P115, COMD dept.

IMPORTANT: if you were absent, you still have to do and submit your homework for the next class using the information below
WEEK 12
INDIVIDUAL MEETINGS:
3:15-4:00
Kathy

4:00-4:45
Devin

4:45-5:30
Lylianna

5:30-6:15
Brandy

6:15-7:00
Jovany

7:00-7:45
Tiana

7:45-8:30
?


Work on portfolios

1. Polishing both, Web and PDF portfolios for grading

2. Please don't forget to print your business cards.

Places:
VistaPrint
Moo
48-Hour Print
You can find more
At this point you do not need more than 100 business cards
Important: use their templates and follow instructions

 

WEEK 11
INDIVIDUAL MEETINGS:
4:00-4:45
Jesenia

4:45-5:30
Justine

5:30-6:15
Kyasia

6:15-7:00
Akina

7:00-7:45
Enrique

7:45-8:30
Benjamin

Working on portfolios

Web portfolio: improving all parts after my comments (oral or written)
PDF portfolio: improving all parts after my comments (oral or written)

 

WEEK 10
INDIVIDUAL MEETINGS:
3:15-4:00
Kathy

4:00-4:45
Devin

4:45-5:30
Lylianna

5:30-6:15
Brandy

6:15-7:00
Jovany

7:00-7:45
Tiana

7:45-8:30
?

Working on portfolios

1. Web portfolio: finishing About and Contact pages; putting Resume
2. PDF portfolio: adding the last projects to the PDF file, re-exporting.

One more portfolio example with clean and good design http://matthan.design

MOCKUPS
There are several sites with free mockups, easy to work with. I would strongly recommend using them for your professionally looking portfolio:
https://www.mockupworld.co (most are free)
https://www.freepik.com/free-psd/mockup (with daily limit)

Example: this is the same stationary design, but compare the difference without mockup and with mockup

 

 

WEEK 9
INDIVIDUAL MEETINGS:
4:00-4:45
Jesenia

4:45-5:30
Justine

5:30-6:15
Kyasia

6:15-7:00
Akina

7:00-7:45
Enrique

7:45-8:30
?

From now on, the homework is for every week for everyone. I will be checking your progress from the URL that you provided.

Study some web design

We do not have much time in class to discuss many necessary issues that you have to know before working on your web portfolio. Therefore, you have to read all the information (on your class site and in the emails) and follow it to succeed with this portfolio project

Video:  Advice from hiring manager - Web Design Portfolio Do's and Dont's 


DESIGN AND TECHNICAL ASPECTS:
- Treat your web portfolio approximately as your PDF portfolio: it has to be well designed, clean, contain your best pieces, etc.
- Pay special attention to the images optimization, it is crucial. (Read the tutorial again)
- The big difference – the navigation and interactivity: it has to be always on the same place, consistent, working without problems.

Please study the following information:
- 10 Principles of Basic Web Design

- How to start and proceed

- Color in web design
- Typography in web design


Some structure and design ideas, which you can partially use:
Georgie Lord  (Created with https://github.com/nonprofit)
http://abaodesign.com  
http://sociodesign.co.uk
http://www.adamhartwig.co.uk
https://www.siteinspire.com
http://www.moozedesign.in  
http://taostudiodesign.com  
https://verenamichelitsch.com  

http://johannesholl.com

 

If you have time - inside the mind of a master procrastinator
https://www.youtube.com/watch?v=arj7oStGLkU (Funny and useful)


Work on the Web portfolio

For the next week, depending on your design or template, make around 50% of your web portfolio. I want to see your layout, navigation, colors, typography and general look. Therefore, work on division on categories, putting all images and descriptions
Note: it doesn’t matter whether we meet or not, the homework is for everyone. I will be checking from the URL that you provided

 

WEEK 7
INDIVIDUAL MEETINGS:
3 - 4
Brandy Ortiz

4-4:30
?

4:30-5
Devin Sauls

5-5:30
Enrique Lopez

5:30-6
Justine Lee

6-6:30
Benjamin Barbot

6:30-7
Tiana Mcrae

7-7:30
Empty

7:30-8
Empty

8-8:30
Empty

Prepare for the portfolio presentation

Class starts at 6; everybody comes; no make-ups. Room N1101
Please try to spend not more than 5 minutes for your presentation (practice your speach at home); and then we will spend around 5 minutes for our critiques.

WEB PORTFOLIO

From March 20 we start working on your web portfolio (and finishing your PDF portfolios).
1. The site has to be set up not later than March 20.
Create a placeholder for your homepage with the greeting (Hi, my name is ….) Then send me the domain name.

If you don't want to create the site yourself, use the one of folloing web-building sites: Adobe Muse, Carbonmade, Squarespace, Wix, Webflow, CoffeeCup Editor, Espresso editor, RapidWeaver, PageCloud, Weebly, Bootstrap, etc.
More portfolio-building websites
Please do not procrastinate and start researching and choosing today, you will need some time to find out how it works. (In general, dealing with websites is more difficult and time consuming than with InDesign and PDF)
Note:
Each web-builder has its own technology (they have instructions and tutorials); I don’t know them all and will not able to help you with the technical questions.


2. Start working on your website idea:
First, do research, finding online portfolio sites; think about design for your portfolio site
Look at the students’ portfolio websites and analyze them
Heidy Pearl
Brian Taveras
Anders Wallace (he is not a desiner, but wants to have UX job)
Irina Mashuryan
Yari Zhiliang
Use such sites as cssmania.com, awwwards.com, or just google “Best websites 2019” or similar phrases (Only design, not functionality)

These articles with help with your portfolio projects:
- Key Elements of a Great Online Portfolio
- 6 Steps To Creating A Knockout Online Portfolio

Very useful video Copying vs. Stealing in Web Design (7 minutes)

Your website has to be user friendly, having an interface that is easy to navigate, usable and accessible, looks good, etc.
The main features:
- Consistency - making design coherent between pages and on the same page: heading sizes, font choices, coloring, button styles, spacing, design elements, illustration styles, photo choices, etc.
- Precedence - guiding the eye (visual priority, visual hierarchy)
- Navigation - being able to figure out where to go or where you are; should be on the same place on each page.
- Usability - think about user tasks: certain things people need, expect and find without confusion,
- Design itself - alignment, clarity and white space, typography, etc.

 

WEEK 6
INDIVIDUAL MEETINGS:
3:00-3:30
Jesenia Oquendo

4-4:30
Lylianna Velazquez

4:30-5
Kathy Li

5-5:30
Empty

5:30-6
Kyasia Brown

6-6:30
Akina Jiao

6:30-7
Empty

7-7:30
Empty

7:30-8
Empty

8-8:30
Empty

For everybody: MIDTERM

MIDTERM - PDF PORTFOLIO PRESENTATION:
You can think about midterm portfolio presentation as of Midterm (10% of the final grade)
Midterm PDF file should include from 15 to 20 pieces of your (our) choice. It can have as many pages as you need, but not more than 20.
The first page: Your name, (your photo if desired), short personal statement and business card; the last page (for now) – resume and contact information. 


Grade calculation:
20 points - Professional design of the whole PDF document: layout, consistency, typography, etc.
20 points – Your identity set: business card, personal statement and resume
20 points - Not less than 5 different categories
20 points - All images have to be perfectly optimized, high quality, not pixelated, etc. PDF file size has not to be bigger than 15 mg.
20 points - Description of the ad campaigns, branding, and individual projects.
Total: 100 points


Portfolio dropbox submission 3/13:
Put the midterm presentation PDF file into your dropbox; name it YourNameMidterm.pdf

No late submissions - Due date for grading: 3/13. I will contact each of you individually with the grade and my comments starting with 3/14, after that you will have several days for improvements; if you improve your portfolio, I will regrade it after the class presentation.
Notes:
For people with whom I do not meet on 3/13: the PDF portfolio still needs to be submitted into the dropbox for grading.
The earner you submit the midterm presentation, the better; please email me if you do. Please do not procrastinate; it is not so much time as it seems to be

Presentation and class discussion: 3/20


PDF PORTFOLIO INSTRUCTIONS  
1. Do research analyzing the sources that I provided down the page and more
2. Make several sketched for your layout for key pages
3. Choose the best one and start working with InDesign (use the tutorials below if you have difficulties with InDesign)

PDF portfolio sample, not finished, only several pages of a possible layout (but you do not have to follow it precisely)
(Please forgive me the pixelated files; I just did it very fast finding several projects on the internet here and there)

TECHNICAL INSTRUCTIONS
1. Create the new InDesign document, click Web at the top right.
- Choose the size (I would recommend 1280x800)
At the right:
- Choose Horizontal for Orientation
- Put approximate number of pages (do not check Facing Pages)
- Put number of columns (according to your sketches), or you can draw guides on the Master page later
- Put desired numbers margins, and put 0 for bleed
Click Create.
2. Insert minimum of interactivity on the Master page: buttons Home, Back and Next.
To find interactive panels, go to Window >Interactive
- Select the Home page (Your first page)in the Pages panel, and in the Bookmarks panel Add bookmark to it (Click Create New Bookmark and type Home).
-To create buttons, open the Buttons and Forms panel. Select your button, then click Convert To Button icon on the Buttons and Forms panel. Click the + for Actions and choose one for each button (either Go To Destination (for Home) or Go To Next Page, or Go to Previous Page.
Click Enter
(The best short tutorial )
3. Arrange all your images and text according to your plan; the last page is your resume and contact info (later, for the final PDF portfolio, you can put your resume and contact on the second page)
4. Save the documents
- File>Export>Adobe PDF (Interactive)
- Click on Compression tab at the left; choose High or Maximum for JPEG Quality and 144 for Resolution
Click Export button

   
Serious technical issues to avoid:
   
File size: the PDF file size should not be bigger than 15 mg.
   
Images: small, pixelated, not properly optimized.

 

INDESIGN TUTORIALS
(Choose what you need)
Adobe InDesign tutorials (beginners/advanced)
45 short InDesign Tutorials, beginners, intermediate and advanced

INTERACTIVE PDF
Video (short, good, with text) Create an interactive PDF from InDesign
Additional videos about interactivities:
Interactive InDesign Tutorial for portfolio don’t use his layout precisely, it is rather for the technical aspects (25 minutes)
Interactive PDF - more advanced with hover, hide, show features (8 min)
Note: interactive PDF does not work in Firefox


RECOURSES

Approximate examples:
Alex Grant, Student
Kelsey Heinricht, Graphic designer and art director
More examples are on your site, Resources page

Templates for PDF portfolio layout; you do not need spreads (scroll down for some more)

Video About PDF portfolios
Video How technically to create portfolio in InDesign and export to PDF for beginners (pay attention on technical issues, not design, which is not so good)


For your ABOUT statement:

About page
About personal statements - examples (they are a little too long, but you can take some ideas)

 

WEEK 5
INDIVIDUAL MEETINGS:
3 - 4
Kyasia Brown

4-4:30
Devin Sauls

4:30-5
Jovany Grande

5-5:30
Enrique Lopez

5:30-6
Justine Lee

6-6:30
Benjamin Barbot

6:30-7
Tiana Mcrae

7-7:30
Brandy Ortiz

7:30-8
Empty

8-8:30
Empty

For people from today's meeting

1. After individual discussion refine and resubmit all works for the portfolio. Don’t forget to group them and put to the corresponding folders
2. Finish and resubmit the resume in both: Word doc. and PDF for a grade
3. Choose one best thumbnail and create the comp for a business card
4. Create a Word document in your dropbox, name it “descriptions”, and neatly write all descriptions there. When you are going to compose your projects into your portfolios, web and PDF, you will put those descriptions next to the corresponding projects
This article will help How to Write Project Case Studies for Your Portfolio

Midterm (for everybody)

Working on the Portfolio PDF; see the instructions in Week 6 homework section

 

 

WEEK 4
INDIVIDUAL MEETINGS:
4-4:30
Lylianna Velazquez

4:30-5
Empty

5-5:30
Jesenia Oquendo

5:30-6
Kyasia Brown

6-6:30
Akina Jiao

6:30-7
Jovany Grande

7-7:30
Empty

7:30-8
Empty

8-8:30
Empty

The following homework is for Week 6, 3/6 (unless you would come earlier)
For students:
Lylianna Velazquez
Kathy Li
Jesenia Oquendo
Kyasia Brown
Akina Jiao
Jovany Grande

Portfolio works

After individual discussion refine and resubmit all works for the portfolio. Don’t forget to group them and put to the corresponding folders

Resume and business card

1. Finish and resubmit the resume in both: Word doc. and PDF for a grade
2. Choose one best thumbnail and create the comp for a business card

Descriptions of brands and other projets

You need short descriptions for some of your pieces to help your visitors understanding your work, such as storyboards, branding collections, etc.
Create a Word document in your dropbox, name it “descriptions”, and neatly write all descriptions there. When you are going to compose your projects into your portfolios, web and PDF, you will put those descriptions next to the corresponding projects
This article will help How to Write Project Case Studies for Your Portfolio

 

WEEK 3
INDIVIDUAL MEETINGS:
4-4:30
Lylianna Velazquez

4:30-5
Kathy Li

5-5:30
Enrique Lopez

5:30-6
Justine Lee

6-6:30
Benjamin Barbot
Kyasia Brown

6:30-7
Akina Jiao
Jovany Grande

7-7:30
Jesenia Oquendo
Tiana Mcrae

7:30-8
Brandy Ortiz
Devin Sauls

8-8:30
Empty

Portfolio works

Correct/improve the chosen today works for your portfolio; re-optimize them again; put into the dropbox instead the old ones.
Note: keep the files on your USBs as well

Resume

Rewrite your resume using the right order and advices from all given websites, work on its design/layout, put 2 files in the dropbox: Word and PDF (remove the old one)
Order:
1. Name
2. Address, phone, email, website, LinkedIn profile
3. Objectives or Summary Statement (optional)
4. Professional work experience (starting with the most recent one)
5. Other work experience (including volunteer work and other activities)
6. Relevant skills/Qualifications
7. Soft skills (If you are not sure about your best soft skills and characteristics, ask our coworkers, classmates, professors, or request recommendations on your LinkedIn profile from people who you worked with)
8. Languages spoken
9. Education (starting with the most recent one if you have several degrees or certificates)
10. Awards or other achievements
Note: don’t forget to check your grammar, typos, punctuation, etc.

Business card (and a promo piece)

- Bring at least 3 different sketches for your business card for our next individual meeting.
You don’t have to make a logo for yourself, but it would be a good idea (at least a logotype).
- For extra points, if you are going to make some leave behind or any promo piece, bring the sketches too.
- Video with several variations of one typographical business card: Creative design with limited budget (watch till 9:00 min)
- Business card examples (There are plenty on the internet)

Portfolio platform

- It is time to choose a platform for your web portfolio, use any of the website builders, software editors and tools, like Adobe Muse, Carbonmade, Squarespace, Wix, Webflow, CoffeeCup Editor, Espresso editor, RapidWeaver, PageCloud, Weebly, Bootstrap (including built in Dreamweaver, as well as Dreamweaver Fluid Grid) or similar.
Do research, speak with people, and choose the most convenient one for you.
Do not procrastinate, although you do not have to do any coding, it will take some of your time to deal with it (and I cannot help you with them).
People who previously took my Web design class can use your sites if you still have them (in this case I can help you with rearranging)

- For PDF portfolio: refresh your InDesign knowledge.

 

WEEK 2

1. JOB FIELDS/CAREERS/TYPES 
FIELDS
- Tech
- Advertising
- Media
- Non-profit
- Inhouse vs. agency vs. contractor vs. freelance
- And more


CAREERS
- Graphic designer (one of the most in-demand design professionals)
- Editorial designer
- Branding designer
- Type designer
- Illustrator
- Packaging designer
- Photographer
- Fashion designer
- Interior designer
- User experience (UX) and user interface (UI) designer
- Web designer
- Ecommerce
- Film and video editor
- Video producer
- Industrial designer
- Product designer (digital or physical)
- Multimedia artist & animator (2D/3D)
- Game designer
- VR (virtual reality)
- AR (augmented reality)
- Art director
- Creative director
- Copywriter
- Advertising & promotions manager
- And more


SPECIALIST VS. GENERALIST JOBS
General explanation
Design field: Think (strategize) like a generalist, and make (deliver) like a specialist.
Is it Better for a Designer to be a Generalist or Specialist?
Should designers be generalists or specialists?


2. FINDING JOBS
- College job fairs
- Job boards (Linkedin, Craigslist, Indeed, Glassdoor, SimplyHired, Angelist, Starteps, Google, other sites)
For example:
ADGA
Design Internships
Dribble
Krop
AngelList (startups)
- Recruiting firms (Creative Circle, Aquent, Vitamin T, etc.)
- Design events or any events where people may be in needs of designers (small businesses)
- Former coworkers, clients, neighbors, friends of friends, local business owners, etc.
- 5 Job-search Steps to Shorten the Hunt

 

NETWORKING FOR FINDING JOBS
- Meetup.com, Eventbrite.com – go to design events
- Professional organizations: AIGA (American Institute of Graphic Arts), Graphic Artist Guild, SND (Society for News Design), Color Marketing Group, LinkedIn, etc.
Some links:
CityTech Communication Design facebook
AIGA Events
Creative Mornings
Slack groups:
Dear Designers
One Million +
Designership
More Design Organizations:
Top Design Organizations
Professional Organizations
- Email people on LinkedIn, Twitter, Instagram
- Stay in touch with classmates, professors, former coworkers.

Advice: this is a very small world, do not piss anyone off.

 

3. PORTFOLIO
- Present your work professionally: design, alignment, typography, etc.
Valuable advices
Leave-behind item
Some Leave-behind examples
More Leave-behind examples


4. RESUME
- One page, simple, usability first, make content scannable
- It should be black on white with accent color with clear typography (legible both on screen and print)
Good example
- Proofread your resume and portfolio several times, beware of typos; ask friends to check, go to Professional Development Center or English lab/tutors. Unprofessionally written resume with mistakes very likely to be thrown out.
- You will need different resumes for different jobs
- Highlight relevant skills from past work experience, describe accomplishments rather than just duties.
More resume tips
ATS (Applicant Tracking Systems) Advice: use keywords from job ads to get around automated systems
Resume mistakes:
- Do not do percentage of your software knowledge
- Do not make resume design visually busy, no “creative” design or layout.
- More resume mistakes

Note: be aware that your resume is never really done. You have to customize it to match the qualifications and skills sought by employers for specific jobs. It is a good idea to have several different resumes.


SOFT SKILLS
Talk about them in your resume and on the interviews
- Delegating responsibilities
- Conflict resolution
- Listening
- Communicatory articulating yourself
- Asking questions if something is unclear
- Showing empathy
- Critical thinking (logic, problem solving, flexibility/tolerance to change)
- Conflict management, decision making
- Positive attitude (confidence, good energy, self-awareness, respect)
- Teamwork (collaboration, dealing with office politics and difficult personalities)
- Work ethic
- No egocentrism


5. INTERVIEW
- You will be interviewed by multiple people: HR (preliminary), technical specialists (explain some of your work pieces); you maybe given a design test
- ’Tell me about yourself’ = ’What makes you qualified for this job?’ Weave a story that explains how your experience and skill sets have led you to this opportunity.
- Be honest talking about your work: explain what the brief/problem was, what approach you took, difficulties you encountered, your solution for the problem
- Ask questions
- What is your design process?
- Do you have any best practices?
- What are your company’s role and how can I help?
- How can I be successful in this role?
- What type of projects do you have?
- How does the design department fit into the rest of the company?
- What is its role in the company?

Advice: to learn how to avoid stress practice interview with teachers, friends, relatives, or go to interviews you don’t care about.


Interview sites:
- Tell about yourself
- Negotiating salary
- "Short and Long-term Goals" Interview Questions
- Things You Should Do Right After a Job Interview


1. Theory

Thoroughly study all materials covered in class today (including provided links)

2. Working with images

1. Sort your projects on categories: copy them and put into the corresponding folders (do not delete the original files yet)
2. Optimize the images for the web in these folders; you should be absolutely ready for the personal discussions
Videos:
Creating images with transparent background (PNG file)
Choosing the Right Images for your Website
Resize Image for Web
Instructions:
How to prepare your images and other files for the web
Note: keep the images on your USBs as well

 

WEEK 1
1. Overview of materials
2. Overview of portfolio
3. Dropbox invites
4. COMD 4801 Syllabus

Class structure:
We meet as a class five times; two at the beginning, one midterm review, and two at the end. In between we make individual half-hour appointments to go over your work. There will be approximately 2-3 individual meeting in the first half, and 3-4 in the second half of the semester.

Goal:
This class develops each student's strategy for entering the design profession. Cumulative work will be critiqued by faculty and professional advisers. Students edit and refine their portfolios to meet professional standards and will add materials as needed. The development of individual promotion pieces (personal branding), resume writing, job search and interviewing skills, networking, soft skills will be emphasized.

Portfolio:
You will have two kinds of portfolio:
1. Web portfolio
Web major students will work on coding themselves; non-web major students can use any freebie sites or website builders, software editors and tools, like Adobe Muse, Carbonmade, Squarespace, Wix, Webflow, CoffeeCup Editor, Espresso editor, RapidWeaver, PageCloud, Weebly, Bootstrap (including built in Dreamweaver, as well as Dreamweaver Fluid Grid) or similar
More portfolio-building websites
2. PDF portfolio
PDF portfolio has to be well designed and email friendly (not more than 10 mg.)

Portfolio components:
We will work individually to craft the right balance in your portfolio, which has to have a mix of disciplines; the goal is to have approximately 12 -20 the strongest pieces or a group of components of a larger design system. For Advertising, Graphic Design, Illustration majors, and students building a general portfolio – it will consist mostly of corresponding pieces. For Web designers the goal is five or more websites or web elements among the total amount. For Animation and Broadcast design students, five or more animations or title sequences among the total amount.
You will also work on a "resume set": resume, business card, logo, any other collateral like a promo card or leave-behind item, and either a cover letter or an "about me" statement. The about me will find a home on your website also.

Note:
It is a good idea to include at least one animation into your portfolio. For example, if you like branding, you could have a simple animated gif of some logo design. If you are into advertising, you could build an animated banner ad. Animated GIFs are trendy now and really easy to create.

Final portfolios are critiqued by faculty and professional advisors.

Portfolio examples

PDF
Video My First Graphic Design Portfolio for Job Interviews (from InDesign to PDF)
Professional PDF portfolio examples:
Kate Margolis
Kevin Yuen-Kit Lo

Web

Here are some our students’ websites (from my Web 1 class); they are not refined and finalized yet, but you can take a look to have a general idea
Heidy Pearl
Brian Taveras
Anders Wallace (he is not a desiner, but wants to have UX job)
Irina Mashuryan
Yari Zhiliang


Work collection

Go through everything you've done: school projects, freelance, internship work, personal work, and put it all into a dropbox folder. You will sort the work later.
IMPORTANT: When you update your Dropbox folder, email me so I know it's there.

Essay

Write one-page essay about your strengths and weaknesses, what you really love, where you are really at, the type of organization you hope to affiliate with, your career objectives, etc. This will help to focus your portfolio towards your goal.
Submit it into the dropbox

Resume

Write your resume text and put it into the dropbox
Resume help 1
Resume help 2
Resume example

Your availability

Email me your availability for 30-minutes personal meetings on Wednesdays from 4 to 8:30.
In some special situations we can meet online during other time using Skype or Google Chat.