My Style Guide
3-6 logos for website:
Create a sitemap for your website. See example sitemap.
Sketch out wireframes for any unique pages on your website (i.e. for a portfolio website do the homepage, gallery page, project detail page, about page and contact us page). Once you have sketched out your idea and know where all your assets will be, create a high-level version of your wireframes using Illustrator (or another wireframing tool). Have these wireframes build on one of the grid layouts that you explored.
Site Map A:
Site Map B:
Sketch/ Wireframe 1-A
Sketch/ Wireframe 1-B
Sketch/ Wireframe 2-A
Sketch/ Wireframe 2-B
Create 3 different grid layouts for your site’s design. Use grayscale or color to distinguish the grid. Link to example sites that use a similar grid. In your blog post identify the grid type for each layout, based on the lecture.
For this course you will complete a website. Throughout the course you will go through the various design and development stages of Web Design. You will apply the skills that you learn to this website that you will create. Your final project will be an accumulation of all that your learn, as you create a professionally designed website.
For this assignment, decide on a website you would like to build for this course (many students choose a portfolio). Then create a project design document. Provide the following:
This is a website that is a portfolio showcasing my work. It has previous work, works in progress, and future ideas. It is modern yet classical.
The audience are, clients, and employers.
The purpose of this website is to show my design skills in work I have done, show my process in designs I am working on, and express my ideas on designs I plan on working on.
• What do I want to accomplish? I want to accomplish gaining employment.
• Why is this goal important? This is important because it affects my career as a designer.
• Who is involved? Employers are involved, professors are involved, and I am involved.
• Where is it located? I am located in New York.
• Which resources or limits are involved? There are resources such as recommendations and limits are the amount of work in the portfolio.
• How much? I want to gain 1 or 2 jobs per year.
• How many? I want to interest hundreds of employers.
• How will I know when it is accomplished? I will know its accomplished when I get a job offer.
• How can I accomplish this goal? I can show polished and highly detailed, well rendered work.
• How realistic is this goal (constraints such as financial, skill, time
available, etc.)? This goal is realistic.
• Does this seem worthwhile? Yes this is worthwhile.
• Is this the right time? Yes this is the right time.
• Does this meet my larger goals? Yes it meets my larger goals.
• Am I the right person for this purpose? Yes I am the right person for this purpose.
• Is it applicable to the socio-economic environment? Yes this is applicable.
• When will it be accomplished? It will be accomplished in a year and a half.
• What can I accomplish 6 months from now? I can accomplish half my showcase.
• What can I accomplish 6 weeks from now? I can create a sketch and create ideas for my website.
• What can I do today? I can complete my market analysis.
Answer the following:
My market is portfolios and blogs.
My user is employers
Behance.com, workingnotworking.com, and commarts.com
and provide a visual audit
Visual Audit of BEHANCE.com
Choose a Client:
What is your market?
Who is your user? Create a user archetype.
News Reporters, Doctors, Researchers, Scientist, Teachers, Lawyers, Law enforcement
Who are your competitors? Put together a list of (at least 3) competitors.
E News, TMZ, The New York Times, Daily News, NBC, MSNBC, abc
and provide a visual audit
Create screenshots of your competitors website homepages.
Overlay the websites grid on top of a screenshot of it.
Create a color palette.
Identify the typefaces used (names, sizes, hierarchy).
List all the media types used (images, videos, audio, interactive embedded assets).