This document contains storyboards for the introduction animation and home page of a proposed website for the Technical Association of Graphic Artists (TAGA).
The introduction animation will depict a t-shirt going through the screen printing process, with six scenes showing an increasing level of detail until revealing the finished TAGA logo printed on the shirt. It will include buttons to skip the animation or enter the site.
The home page storyboard outlines the main sections - logo, navigation bars, quick links, welcome message and recommendations. The primary navigation bar will link to main site areas, while the secondary bar and body will feature dynamic content like announcements and featured sections.
Sitemaps for mobile apps
Wireframing mobile apps
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2013.
http://www.ivanomalavolta.com
Morgenmøde business intelligence targitIsaLindbaek
The document discusses leveraging human-computer synergy to make better decisions from big data. It argues that businesses are shifting from controlling data to analyzing uncontrolled external data. To succeed, they must embrace both analytics technologies and human judgment. The key is a strategic, tactical, and operational approach combining the speed and scale of computers with human intuition. Facts that emerge from data analysis can help organizations overcome fear of change and gain competitive advantages.
This document provides an overview of the website development process, including defining what a website is and what makes a good or bad website. It then discusses the typical software development process/cycle of analysis, design, implementation, testing, documentation, and evaluation. Each stage of the process is described in 1-2 sentences. The document includes examples of a storyboard and navigational diagrams to illustrate the design stage.
A ground-up website redesign for any campus dept can be a challenge, but the hurdles faced by a dept that's both institution & retail can be treacherous. This presentation describes the challenges faced when there are no good benchmarks & the design considerations you can use to overcome them.
The document provides an overview of haiku poetry, noting that it originated in Japan in the 17th century as a lighter, more playful form of poetry that uses subtlety over specificity. It explains that a haiku consists of 17 total syllables structured in lines of 5, 7, and 5 syllables and illustrates this with an example poem. Some key points are that the syllable structure is a Western interpretation and the true beauty is in the spirit conveyed rather than strict adherence to syllables.
Fictional student organization created in conjunction with 5 other students for a class project in Fall 2009.
This slideshow served as a presentation for our 1st of 3 Sprint Reviews using Agile PM.
Sitemaps for mobile apps
Wireframing mobile apps
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2013.
http://www.ivanomalavolta.com
Morgenmøde business intelligence targitIsaLindbaek
The document discusses leveraging human-computer synergy to make better decisions from big data. It argues that businesses are shifting from controlling data to analyzing uncontrolled external data. To succeed, they must embrace both analytics technologies and human judgment. The key is a strategic, tactical, and operational approach combining the speed and scale of computers with human intuition. Facts that emerge from data analysis can help organizations overcome fear of change and gain competitive advantages.
This document provides an overview of the website development process, including defining what a website is and what makes a good or bad website. It then discusses the typical software development process/cycle of analysis, design, implementation, testing, documentation, and evaluation. Each stage of the process is described in 1-2 sentences. The document includes examples of a storyboard and navigational diagrams to illustrate the design stage.
A ground-up website redesign for any campus dept can be a challenge, but the hurdles faced by a dept that's both institution & retail can be treacherous. This presentation describes the challenges faced when there are no good benchmarks & the design considerations you can use to overcome them.
The document provides an overview of haiku poetry, noting that it originated in Japan in the 17th century as a lighter, more playful form of poetry that uses subtlety over specificity. It explains that a haiku consists of 17 total syllables structured in lines of 5, 7, and 5 syllables and illustrates this with an example poem. Some key points are that the syllable structure is a Western interpretation and the true beauty is in the spirit conveyed rather than strict adherence to syllables.
Fictional student organization created in conjunction with 5 other students for a class project in Fall 2009.
This slideshow served as a presentation for our 1st of 3 Sprint Reviews using Agile PM.
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Best Digital Marketing Strategy Build Your Online Presence 2024.pptxpavankumarpayexelsol
This presentation provides a comprehensive guide to the best digital marketing strategies for 2024, focusing on enhancing your online presence. Key topics include understanding and targeting your audience, building a user-friendly and mobile-responsive website, leveraging the power of social media platforms, optimizing content for search engines, and using email marketing to foster direct engagement. By adopting these strategies, you can increase brand visibility, drive traffic, generate leads, and ultimately boost sales, ensuring your business thrives in the competitive digital landscape.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
2024 State of Marketing Report – by HubspotMarius Sescu
https://www.hubspot.com/state-of-marketing
· Scaling relationships and proving ROI
· Social media is the place for search, sales, and service
· Authentic influencer partnerships fuel brand growth
· The strongest connections happen via call, click, chat, and camera.
· Time saved with AI leads to more creative work
· Seeking: A single source of truth
· TLDR; Get on social, try AI, and align your systems.
· More human marketing, powered by robots
ChatGPT is a revolutionary addition to the world since its introduction in 2022. A big shift in the sector of information gathering and processing happened because of this chatbot. What is the story of ChatGPT? How is the bot responding to prompts and generating contents? Swipe through these slides prepared by Expeed Software, a web development company regarding the development and technical intricacies of ChatGPT!
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Best Digital Marketing Strategy Build Your Online Presence 2024.pptxpavankumarpayexelsol
This presentation provides a comprehensive guide to the best digital marketing strategies for 2024, focusing on enhancing your online presence. Key topics include understanding and targeting your audience, building a user-friendly and mobile-responsive website, leveraging the power of social media platforms, optimizing content for search engines, and using email marketing to foster direct engagement. By adopting these strategies, you can increase brand visibility, drive traffic, generate leads, and ultimately boost sales, ensuring your business thrives in the competitive digital landscape.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
2024 State of Marketing Report – by HubspotMarius Sescu
https://www.hubspot.com/state-of-marketing
· Scaling relationships and proving ROI
· Social media is the place for search, sales, and service
· Authentic influencer partnerships fuel brand growth
· The strongest connections happen via call, click, chat, and camera.
· Time saved with AI leads to more creative work
· Seeking: A single source of truth
· TLDR; Get on social, try AI, and align your systems.
· More human marketing, powered by robots
ChatGPT is a revolutionary addition to the world since its introduction in 2022. A big shift in the sector of information gathering and processing happened because of this chatbot. What is the story of ChatGPT? How is the bot responding to prompts and generating contents? Swipe through these slides prepared by Expeed Software, a web development company regarding the development and technical intricacies of ChatGPT!
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
The realm of product design is a constantly changing environment where technology and style intersect. Every year introduces fresh challenges and exciting trends that mold the future of this captivating art form. In this piece, we delve into the significant trends set to influence the look and functionality of product design in the year 2024.
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
Mental health has been in the news quite a bit lately. Dozens of U.S. states are currently suing Meta for contributing to the youth mental health crisis by inserting addictive features into their products, while the U.S. Surgeon General is touring the nation to bring awareness to the growing epidemic of loneliness and isolation. The country has endured periods of low national morale, such as in the 1970s when high inflation and the energy crisis worsened public sentiment following the Vietnam War. The current mood, however, feels different. Gallup recently reported that national mental health is at an all-time low, with few bright spots to lift spirits.
To better understand how Americans are feeling and their attitudes towards mental health in general, ThinkNow conducted a nationally representative quantitative survey of 1,500 respondents and found some interesting differences among ethnic, age and gender groups.
Technology
For example, 52% agree that technology and social media have a negative impact on mental health, but when broken out by race, 61% of Whites felt technology had a negative effect, and only 48% of Hispanics thought it did.
While technology has helped us keep in touch with friends and family in faraway places, it appears to have degraded our ability to connect in person. Staying connected online is a double-edged sword since the same news feed that brings us pictures of the grandkids and fluffy kittens also feeds us news about the wars in Israel and Ukraine, the dysfunction in Washington, the latest mass shooting and the climate crisis.
Hispanics may have a built-in defense against the isolation technology breeds, owing to their large, multigenerational households, strong social support systems, and tendency to use social media to stay connected with relatives abroad.
Age and Gender
When asked how individuals rate their mental health, men rate it higher than women by 11 percentage points, and Baby Boomers rank it highest at 83%, saying it’s good or excellent vs. 57% of Gen Z saying the same.
Gen Z spends the most amount of time on social media, so the notion that social media negatively affects mental health appears to be correlated. Unfortunately, Gen Z is also the generation that’s least comfortable discussing mental health concerns with healthcare professionals. Only 40% of them state they’re comfortable discussing their issues with a professional compared to 60% of Millennials and 65% of Boomers.
Race Affects Attitudes
As seen in previous research conducted by ThinkNow, Asian Americans lag other groups when it comes to awareness of mental health issues. Twenty-four percent of Asian Americans believe that having a mental health issue is a sign of weakness compared to the 16% average for all groups. Asians are also considerably less likely to be aware of mental health services in their communities (42% vs. 55%) and most likely to seek out information on social media (51% vs. 35%).
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
Creative operations teams expect increased AI use in 2024. Currently, over half of tasks are not AI-enabled, but this is expected to decrease in the coming year. ChatGPT is the most popular AI tool currently. Business leaders are more actively exploring AI benefits than individual contributors. Most respondents do not believe AI will impact workforce size in 2024. However, some inhibitions still exist around AI accuracy and lack of understanding. Creatives primarily want to use AI to save time on mundane tasks and boost productivity.
Organizational culture includes values, norms, systems, symbols, language, assumptions, beliefs, and habits that influence employee behaviors and how people interpret those behaviors. It is important because culture can help or hinder a company's success. Some key aspects of Netflix's culture that help it achieve results include hiring smartly so every position has stars, focusing on attitude over just aptitude, and having a strict policy against peacocks, whiners, and jerks.
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
PepsiCo provided a safe harbor statement noting that any forward-looking statements are based on currently available information and are subject to risks and uncertainties. It also provided information on non-GAAP measures and directing readers to its website for disclosure and reconciliation. The document then discussed PepsiCo's business overview, including that it is a global beverage and convenient food company with iconic brands, $91 billion in net revenue in 2023, and nearly $14 billion in core operating profit. It operates through a divisional structure with a focus on local consumers.
Content Methodology: A Best Practices Report (Webinar)contently
This document provides an overview of content methodology best practices. It defines content methodology as establishing objectives, KPIs, and a culture of continuous learning and iteration. An effective methodology focuses on connecting with audiences, creating optimal content, and optimizing processes. It also discusses why a methodology is needed due to the competitive landscape, proliferation of channels, and opportunities for improvement. Components of an effective methodology include defining objectives and KPIs, audience analysis, identifying opportunities, and evaluating resources. The document concludes with recommendations around creating a content plan, testing and optimizing content over 90 days.
How to Prepare For a Successful Job Search for 2024Albert Qian
The document provides guidance on preparing a job search for 2024. It discusses the state of the job market, focusing on growth in AI and healthcare but also continued layoffs. It recommends figuring out what you want to do by researching interests and skills, then conducting informational interviews. The job search should involve building a personal brand on LinkedIn, actively applying to jobs, tailoring resumes and interviews, maintaining job hunting as a habit, and continuing self-improvement. Once hired, the document advises setting new goals and keeping skills and networking active in case of future opportunities.
A report by thenetworkone and Kurio.
The contributing experts and agencies are (in an alphabetical order): Sylwia Rytel, Social Media Supervisor, 180heartbeats + JUNG v MATT (PL), Sharlene Jenner, Vice President - Director of Engagement Strategy, Abelson Taylor (USA), Alex Casanovas, Digital Director, Atrevia (ES), Dora Beilin, Senior Social Strategist, Barrett Hoffher (USA), Min Seo, Campaign Director, Brand New Agency (KR), Deshé M. Gully, Associate Strategist, Day One Agency (USA), Francesca Trevisan, Strategist, Different (IT), Trevor Crossman, CX and Digital Transformation Director; Olivia Hussey, Strategic Planner; Simi Srinarula, Social Media Manager, The Hallway (AUS), James Hebbert, Managing Director, Hylink (CN / UK), Mundy Álvarez, Planning Director; Pedro Rojas, Social Media Manager; Pancho González, CCO, Inbrax (CH), Oana Oprea, Head of Digital Planning, Jam Session Agency (RO), Amy Bottrill, Social Account Director, Launch (UK), Gaby Arriaga, Founder, Leonardo1452 (MX), Shantesh S Row, Creative Director, Liwa (UAE), Rajesh Mehta, Chief Strategy Officer; Dhruv Gaur, Digital Planning Lead; Leonie Mergulhao, Account Supervisor - Social Media & PR, Medulla (IN), Aurelija Plioplytė, Head of Digital & Social, Not Perfect (LI), Daiana Khaidargaliyeva, Account Manager, Osaka Labs (UK / USA), Stefanie Söhnchen, Vice President Digital, PIABO Communications (DE), Elisabeth Winiartati, Managing Consultant, Head of Global Integrated Communications; Lydia Aprina, Account Manager, Integrated Marketing and Communications; Nita Prabowo, Account Manager, Integrated Marketing and Communications; Okhi, Web Developer, PNTR Group (ID), Kei Obusan, Insights Director; Daffi Ranandi, Insights Manager, Radarr (SG), Gautam Reghunath, Co-founder & CEO, Talented (IN), Donagh Humphreys, Head of Social and Digital Innovation, THINKHOUSE (IRE), Sarah Yim, Strategy Director, Zulu Alpha Kilo (CA).
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
The search marketing landscape is evolving rapidly with new technologies, and professionals, like you, rely on innovative paid search strategies to meet changing demands.
It’s important that you’re ready to implement new strategies in 2024.
Check this out and learn the top trends in paid search advertising that are expected to gain traction, so you can drive higher ROI more efficiently in 2024.
You’ll learn:
- The latest trends in AI and automation, and what this means for an evolving paid search ecosystem.
- New developments in privacy and data regulation.
- Emerging ad formats that are expected to make an impact next year.
Watch Sreekant Lanka from iQuanti and Irina Klein from OneMain Financial as they dive into the future of paid search and explore the trends, strategies, and technologies that will shape the search marketing landscape.
If you’re looking to assess your paid search strategy and design an industry-aligned plan for 2024, then this webinar is for you.
5 Public speaking tips from TED - Visualized summarySpeakerHub
From their humble beginnings in 1984, TED has grown into the world’s most powerful amplifier for speakers and thought-leaders to share their ideas. They have over 2,400 filmed talks (not including the 30,000+ TEDx videos) freely available online, and have hosted over 17,500 events around the world.
With over one billion views in a year, it’s no wonder that so many speakers are looking to TED for ideas on how to share their message more effectively.
The article “5 Public-Speaking Tips TED Gives Its Speakers”, by Carmine Gallo for Forbes, gives speakers five practical ways to connect with their audience, and effectively share their ideas on stage.
Whether you are gearing up to get on a TED stage yourself, or just want to master the skills that so many of their speakers possess, these tips and quotes from Chris Anderson, the TED Talks Curator, will encourage you to make the most impactful impression on your audience.
See the full article and more summaries like this on SpeakerHub here: https://speakerhub.com/blog/5-presentation-tips-ted-gives-its-speakers
See the original article on Forbes here:
http://www.forbes.com/forbes/welcome/?toURL=http://www.forbes.com/sites/carminegallo/2016/05/06/5-public-speaking-tips-ted-gives-its-speakers/&refURL=&referrer=#5c07a8221d9b
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
Everyone is in agreement that ChatGPT (and other generative AI tools) will shape the future of work. Yet there is little consensus on exactly how, when, and to what extent this technology will change our world.
Businesses that extract maximum value from ChatGPT will use it as a collaborative tool for everything from brainstorming to technical maintenance.
For individuals, now is the time to pinpoint the skills the future professional will need to thrive in the AI age.
Check out this presentation to understand what ChatGPT is, how it will shape the future of work, and how you can prepare to take advantage.
The document provides career advice for getting into the tech field, including:
- Doing projects and internships in college to build a portfolio.
- Learning about different roles and technologies through industry research.
- Contributing to open source projects to build experience and network.
- Developing a personal brand through a website and social media presence.
- Networking through events, communities, and finding a mentor.
- Practicing interviews through mock interviews and whiteboarding coding questions.
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
1. Core updates from Google periodically change how its algorithms assess and rank websites and pages. This can impact rankings through shifts in user intent, site quality issues being caught up to, world events influencing queries, and overhauls to search like the E-A-T framework.
2. There are many possible user intents beyond just transactional, navigational and informational. Identifying intent shifts is important during core updates. Sites may need to optimize for new intents through different content types and sections.
3. Responding effectively to core updates requires analyzing "before and after" data to understand changes, identifying new intents or page types, and ensuring content matches appropriate intents across video, images, knowledge graphs and more.
A brief introduction to DataScience with explaining of the concepts, algorithms, machine learning, supervised and unsupervised learning, clustering, statistics, data preprocessing, real-world applications etc.
It's part of a Data Science Corner Campaign where I will be discussing the fundamentals of DataScience, AIML, Statistics etc.
Time Management & Productivity - Best PracticesVit Horky
Here's my presentation on by proven best practices how to manage your work time effectively and how to improve your productivity. It includes practical tips and how to use tools such as Slack, Google Apps, Hubspot, Google Calendar, Gmail and others.
The six step guide to practical project managementMindGenius
The six step guide to practical project management
If you think managing projects is too difficult, think again.
We’ve stripped back project management processes to the
basics – to make it quicker and easier, without sacrificing
the vital ingredients for success.
“If you’re looking for some real-world guidance, then The Six Step Guide to Practical Project Management will help.”
Dr Andrew Makar, Tactical Project Management
2. Last Updated: 2/25/09
Macin Website Storyboards Page: 2
Type of Page: Introduc<on Anima<on
TAGA – Technical Associa<on of Graphic Ar<sts
1 2 3
Intro Page:
This page appears before the home page loads, and has an op<on to skip the
intro page if the visitor would rather proceed straight to the Home Page.
The Intro Page is a Flash anima<on. It is a virtualiza<on of a t‐shirt going
through the screen prin<ng process.
4 5 6
It will progress as follows:
Scene 1: Single screen prin<ng mesh frame with black t‐shirt laid out
underneath, can see some sort of image on the “screen”, but it shouldn’t be
clear yet.
Scene 2: A glob of “Redbird Red” ink drops onto the mesh screen and a
squeegee appears and is pulled down the mesh screen appropriately.
Scene 3: The screen liQs off of the shirt, revealing a screened image that is not
quite clear.
Scene 4: The screen prin<ng equipment is gone, and the t‐shirt is seen “flying”
with only the back of the shirt visible.
Programming Notes: Scene 5: The t‐shirt spins un<l it is right‐side up and facing the viewer. The
screened image is s<ll just a mass of colors.
Scene 6: The t‐shirt zooms in un<l it takes up the whole page while s<ll being
able to see the whole form of the shirt. The image is now front & center, and
During Scene 6 of animation, the “Skip Intro” the viewer can see that it is a black t‐shirt with the TAGA logo printed on it.
button will disappear, and an “Enter Site” button will The t‐shirt is black. The logo text is white. The logo has “Redbird Red” drips on
replace it. it.
The screen will contain a “Skip Intro” buZon.
Alternatively, visitors could enter the site by
clicking on the TAGA logo on the shirt at the end of This anima<on will be done using Adobe Flash and Ac<onScript. The logo used
the animation. There would have to be some prompt will be the official TAGA logo, and the background will likely be a solid color,
to alert visitors to this feature. solid white, or something to give the screen depth. This introduc<on should
look and feel like 3D.
The site <tle on the visitor’s toolbar will read: “Illinois State University Chapter
of TAGA” or other appropriate <tle.
4/10/09 2
Mary Macin Independent Study Project
4. Last Updated: 2/25/09
Macin Website Storyboards Page: 4
Type of Page: Home Page TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 1. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 2. Secondary Naviga<on Pane – The Home Page’s secondary naviga<on pane will
include 2‐3 pictures that will serve as quick links to important sec<ons of the
site. Included on this storyboard is a link to the New Members part of the
site (“Join Us” picture), and a link to the Order sec<on of the site (“Orders”
picture). A third picture buZon could poten<ally be a quick link to the
“Members” sec<on, the “Picture Gallery” or “Events” sec<on.
3. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
4 Map”, and “Search”.
4. Welcome Message – Provides a visual cue to the visitor as to where they are
Programming Notes: within the site. “Illinois State University Chapter” is a placeholder for a
sub<tle.
Functionality: All pictures will have “Alt” content for the visually
impaired. The colored orbs in the primary navigation bar will be buttons 5. Body – The body of the Home Page will include only a few elements to avoid a
to other pages within the site. The TAGA logo will always link back to cluZered appearance. The 3 essen<al elements that will be included:
the “Home” page. The pictures in the secondary navigation bar are also
a. “Welcome Message” from either the current TAGA President or from
buttons. The body text will likely include several links to other parts of
the TAGA Sponsor. To add to the media‐rich content on the site,
the site, and there are “Quick Links” at the bottom of each page.
this message would ideally be a well‐shot video.
Colors: White sandstone background with charcoal gray sandstone b. “TAGA Announcements,” “Special Promo<ons,” or “What’s
border. Navigation Bars are 49% transparent with “Plastic” Graphic Happening Today?” sec<on. This could change daily, weekly, etc. It
Style fills and black borders. Font is Black, Dark Gray, Red, and White. would be a 2‐3 item list, and would only include items that are
relevant and short‐term (such as Graph Expo or a sale on
Images: There will be at least 2-3 pictures on this page. The “Join merchandise, etc.).
Us” picture will probably be a TAGA group photo, the “Orders” will c. “Recommended Sec<ons” Text would be something like: “New to our
probably be an image of a product, or of a current member working on site? Here are a few of our favorite sec<ons. Feel free to roam
a product. Page may also include a short “Welcome” video. around!” Sec<ons listed here would be for new members or new
customers (“Gallery”, “Events”, “Orders”, etc.) Purpose would be to
Text: The primary navigation buttons are Futura font. The picture
give new visitors some direc<on of where to start.
buttons will have more casual, designer font (converted to Outlines).
The Title and Subtitle font are Optima, and the Quick Links are Futura.
The body text will likely be Verdana, Trebuchet, or Helvetica. 4
Mary Macin Independent Study Project
6. Last Updated: 2/25/09
Macin Website Storyboards Page: 6
Prospec<ve Members Page
Type of Page:
TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 2. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 3. Secondary Naviga<on Pane – The Members’ Pages’ secondary naviga<on pane
will include buZons that will change the text content and any pictures on
that page to match the appropriate subsec<on. For example, in the “Who
We Are” subsec<on of the “Prospec<ve Members” page will include the
history of TAGA, the current members, and any per<nent “Bio” informa<on.
4. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
Map”, and “Search”.
4
5. Title – Provides a visual cue to the visitor as to where they are within the site.
“Members Prospec<ve” is the primary sec<on, and any buZon that a visitor
Programming Notes: clicks from the Secondary Naviga<on Bar will only change a smaller sub<tle
to match that subsec<on. For instance, “Who We Are:”.
Functionality: All pictures will have “Alt” content for the visually
impaired. The colored orbs in the primary navigation bar will be buttons 6. Body – The body of the main “Prospec<ve Members” page will include a short
to other pages within the site. The TAGA logo will always link back to “Welcome” message, and a message that guides them to check out the
the “Home” page. Buttons along the left side change the text & graphic buZons “on the leQ” to find out more about us.
content of this page. There are “Quick Links” at the bottom of each
page. The six buZons in the Secondary Naviga<on Pane will not open new
pages, so much as they will change the text content and any associated
Colors: “Pink-ish” sandstone background with red sandstone border. graphics to match that heading.
Navigation Bars are 49% transparent with “Plastic” Graphic Style fills
and red borders. Title font is stylized (drop shadows) red, and white.
BuZon 1: “Who We Are” ‐‐ Historical & Biographical informa<on
Body text will be red, white, dark gray, or black.
BuZon 2: “What We Do” ‐‐ Mee<ng Info, Event Info, & T‐Shirt Info
Images: There will be pictures or graphics on this page to break up BuZon 3: “When We Meet” ‐‐ Schedule of mee<ngs (and where!)
the text. Pictures may be “Flash” photos that change much like the BuZon 4: “Where We Go” ‐‐ Graph Expo, BBQ’s, field trips, etc.
current TAGA website. Pics will be relevant to the textual content. BuZon 5: “Why Should I Join” ‐‐ Value of Joining. Relevance of TAGA.
BuZon 6: “How Can I Join” ‐‐ Membership Info/Instruc<ons/Contact Info
Text: The primary navigation buttons are Futura font. The Title and
Subtitle font are Optima, and the Quick Links are Futura. The body text
will likely be Verdana, Trebuchet, or Helvetica.
6
Mary Macin Independent Study Project
8. Last Updated: 2/25/09
Macin Website Storyboards Page: 8
Type of Page: Current Members Page
TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 2. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 3. Secondary Naviga<on Pane – The Members’ Pages’ secondary naviga<on pane
will include buZons that will change the text content and any pictures on
that page to match the appropriate subsec<on. For example, in the
“Schedules” subsec<on of the “Current Members” page will include the
mee<ngs schedule, work schedule, and any upcoming events for current
members.
4. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
4 Map”, and “Search”.
5. Title – Provides a visual cue to the visitor as to where they are within the site.
Programming Notes: “Members Current” is the primary sec<on, and any buZon that a visitor
clicks from the Secondary Naviga<on Bar will only change a smaller sub<tle
Functionality: All pictures will have “Alt” content for the visually to match that subsec<on. For instance, “Schedules: ”.
impaired. The colored orbs in the primary navigation bar will be buttons
to other pages within the site. The TAGA logo will always link back to 6. Body – The body of the main “Current Members” page will be a gateway for
the “Home” page. Buttons along the left side change the text & graphic
current members’ access to “Member Only” content, and any informa<on/
content of this page. There are “Quick Links” at the bottom of each
announcements that TAGA leadership wants the others to be aware of. This
page.
could also be a poten<al source of “social networking” for members.
Colors: “Pink-ish” sandstone background with red sandstone border.
Navigation Bars are 49% transparent with “Plastic” Graphic Style fills The four buZons in the Secondary Naviga<on Pane will not open new
and red borders. Title font is stylized (drop shadows) red, and white. pages, so much as they will change the text content and any associated
Body text will be red, white, dark gray, or black. graphics to match that heading.
Images: There will be pictures or graphics on this page to break up BuZon 1: “Schedules” ‐‐ Mee<ng, Event, and Work Schedules
the text. Pictures may be “Flash” photos that change much like the BuZon 2: “Member Access” ‐‐ Login access to site.
current TAGA website. Pics will be relevant to the textual content. BuZon 3: “Events” ‐‐ Link to Event Gallery & Info about past/future events
BuZon 4: “Contact Informa<on” ‐‐ Officer/Sponsor/ISU contact info
Text: The primary navigation buttons are Futura font. The Title and
Subtitle font are Optima, and the Quick Links are Futura. The body text
will likely be Verdana, Trebuchet, or Helvetica. Secondary Navigation
Buttons are Trebuchet (Bold). 8
Mary Macin Independent Study Project
10. Last Updated: 2/25/09
Macin Website Storyboards Page: 10
Type of Page: Orders Page TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 2. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 3. Secondary Naviga<on Pane – The Orders’ Page secondary naviga<on pane will
include buZons that will change the text content and any pictures on that
page to match the appropriate subsec<on. For example, the “Our Prices”
subsec<on of the “Orders” page will include TAGA’s current price structure,
whereas the “Specifica<ons” subsec<on will have informa<on about the
kinds of orders TAGA can fulfill.
4. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
4 Map”, and “Search”.
5. Title – Provides a visual cue to the visitor as to where they are within the site.
Programming Notes: “Orders” is the primary sec<on, and any buZon that a visitor clicks from the
Secondary Naviga<on Bar will only change a smaller sub<tle to match that
Functionality: All pictures will have “Alt” content for the visually subsec<on. For instance, “Our Pricing ”. However, the “Order Form” and
impaired. The colored orbs in the primary navigation bar will be buttons “Porrolio” buZons will lead the visitor to separate pages within the site.
to other pages within the site. The TAGA logo will always link back to
the “Home” page. Buttons along the left side change the text & graphic
6. Body – The body of the main “Orders” page will be a gateway for customer’s
content of this page. There are “Quick Links” at the bottom of each
to navigate through the other commerce subsec<ons of the site. It may be
page.
beneficial to use this space for “instruc<ons” that guide poten<al customers
Colors: Light Green sandstone background with Dark Green through your ordering process, <meframes, what to expect, etc.
sandstone border. Navigation Bars are 49% transparent with “Plastic”
Graphic Style fills and light green borders. Title fonts are dark & light Two of the four buZons in the Secondary Naviga<on Pane will not open
green. Body text will be either a very dark green or black. new pages, so much as they will change the text content and any associated
graphics to match that heading, the other two (men<oned above, are links).
Images: There will be Flash “ads” on this page, showcasing what
TAGA can do for their customers. May also have Flash “prompts” to BuZon 1: “Our Prices” ‐‐ Prices, Buying Op<ons, lots of graphics.
click on certain links (buttons) to access pertinent sections of the site. BuZon 2: “Specifica<ons” ‐‐ Guidelines regarding TAGA’s order process
BuZon 3: “Porrolio” ‐‐ Link to TAGA’s Previous Work Gallery. (“Porrolio”)
Text: The primary navigation buttons are Futura font. The Title and
BuZon 4: “Order Form” ‐‐ Interac<ve PDF Order Form. Will open in new
Subtitle font are Helvetica, and the Quick Links are Futura. The body
text will likely be Verdana, Trebuchet, or Helvetica. Secondary window.
Navigation Buttons are Trebuchet (Bold). 10
Mary Macin Independent Study Project
12. Last Updated: 2/25/09
Macin Website Storyboards Page: 12
Type of Page: Gallery Page TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 2. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 3. Secondary Naviga<on Pane – The Gallery’s Page secondary naviga<on pane
will include buZons that will navigate between different “slideshows” of
TAGA pictures. There will be a link to virtual tours of the facili<es, any videos
TAGA wants to share, as well as Event photos, a past work “porrolio” page,
etc.
4. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
Map”, and “Search”.
4
5. Title – Provides a visual cue to the visitor as to where they are within the site.
“Orders” is the primary sec<on, and any buZon that a visitor clicks from the
Programming Notes: Secondary Naviga<on Bar will only change a smaller sub<tle to match that
subsec<on. For instance, “Porrolio ”.
Functionality: All pictures will have “Alt” content for the visually impaired.
The colored orbs in the primary navigation bar will be buttons to other pages 6. Body – The body of the main “Gallery” page will be a various formats of
within the site. The TAGA logo will always link back to the “Home” page. galleries. There will likely be photo slideshows, videos, virtual tours, and I
Buttons along the left side change the text & graphic content of this page. There am working on a concept for a corkboard “picture board” with “Polaroid's”
are “Quick Links” at the bottom of each page.
that frame each picture, and possibly will be interac<ve to the point that
Colors: Orange sandstone background with “School Bus” Yellow sandstone they can be “enlarged” or even contain videos that can be “entered” by
border. Navigation Bars are 49% transparent with “Plastic” Graphic Style fills clicking on the picture. *Not sure the technology exists for this, but this is my
and light orange borders. Title fonts are white & subtitle fonts are purple. Body goal.
text will likely be white, light orange, yellow, or purple to match other font
themes on page.
BuZon 1: “Porrolio” ‐‐ TAGA’s past work. Possibly member porrolios?
Images: All images will be in this section somewhere. The intro animation, BuZon 2: “Current Work” ‐‐ Picture slideshow of TAGA’s current work
welcome video, and any other pictures on the site will also be here. May BuZon 3: “Event Gallery” ‐‐ Pictures of TAGA events (see “picture board”)
incorporate contemporary graphic elements such as “Polaroid's” or a “bulletin BuZon 4: “Videos” ‐‐ Any videos (how‐to’s, events, Intro anima<on, etc.)
board”. I have collected some images of these if you would like further BuZon 5: “Virtual Tours” ‐‐ Virtual Tours of the facili<es.
information.
Text: The primary navigation buttons are Futura font. The Title and Subtitle VERY MEDIA RICH sec<on of the website!!!
font are Futura, and the Quick Links are Futura. The body text will likely be
Verdana, Trebuchet, or Helvetica. Secondary Navigation Buttons are Futura.
12
Mary Macin Independent Study Project
14. Last Updated: 2/25/09
Macin Website Storyboards Page: 14
Type of Page: Events Page TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 2. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 3. Secondary Naviga<on Pane – The Events’ Page secondary naviga<on pane will
include buZons that will change the text, calendars, and images/graphics on
the page to match the chosen buZon. The sub<tle of the page will change,
as will the body of the page, but the <tle, buZons, colors, and other
elements will remain the same.
4. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
Map”, and “Search”.
4
5. Title – Provides a visual cue to the visitor as to where they are within the site.
“Events” is the primary sec<on, and any buZon that a visitor clicks from the
Programming Notes: Secondary Naviga<on Bar will only change a smaller sub<tle to match that
subsec<on. For instance, “Upcoming ”.
6. Body – The body of the main “Events” page will be varying calendars,
Functionality: All pictures will have “Alt” content for the visually impaired.
schedules, pictures/graphics to match the upcoming events (a Graph Expo
The colored orbs in the primary navigation bar will be buttons to other pages
within the site. The TAGA logo will always link back to the “Home” page. logo, for instance). TAGA flyers could also be uploaded and students could
Buttons along the left side change the text & graphic content of this page. There download and print them.
are “Quick Links” at the bottom of each page.
BuZon 1: “Upcoming” ‐‐ Upcoming TAGA events. Graphics, Calendars, text.
Colors: Yellow sandstone background with Orange sandstone border.
Navigation Bars are 49% transparent with “Plastic” Graphic Style fills and light BuZon 2: “Mee<ngs” ‐‐ Schedule of upcoming mee<ngs/work sessions
orange borders. Title fonts are Orange & subtitle fonts are white. Body text will BuZon 3: “Schedule” ‐‐ Could be a “semester view” calendar.
likely be white or dark orange to match other font themes on page. BuZon 4: “Event Gallery” ‐‐ Link to gallery of TAGA events
Images: Graphics will be calendars, some logos, and/or pictures to
May also want to include mee<ng minutes (if applicable) or any other
complement the events and schedules listed.
“Event” related content.
Text: The primary navigation buttons are Futura font. The Title is Optima and
the subtitle font is Helvetica. The Quick Links are Futura. The body text will
likely be Verdana, Trebuchet, or Helvetica. Secondary Navigation Buttons are
Futura.
14
Mary Macin Independent Study Project
16. Last Updated: 2/25/09
Macin Website Storyboards Page: 16
Type of Page: About Us Page TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 2. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 3. Secondary Naviga<on Pane – The About Us Page’s secondary naviga<on pane
will include buZons that will change the text and images/graphics on the
page to match the chosen buZon. The sub<tle of the page will change, as
will the body of the page, but the <tle, buZons, colors, and other elements
will remain the same.
4. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
Map”, and “Search”.
4
5. Title – Provides a visual cue to the visitor as to where they are within the site.
“About Us” is the primary sec<on, and any buZon that a visitor clicks from
Programming Notes: the Secondary Naviga<on Bar will only change a smaller sub<tle to match
that subsec<on. For instance, “History ”.
Functionality: All pictures will have “Alt” content for the visually impaired. 6. Body – The body of the main “About Us” page will be text and pictures of
The colored orbs in the primary navigation bar will be buttons to other pages TAGA throughout the years, as well as the current members. Flash
within the site. The TAGA logo will always link back to the “Home” page. “slideshows” may be appropriate on this page to add visual s<muli although
Buttons along the left side change the text & graphic content of this page. There the main purpose of this sec<on is to tell the story of TAGA.
are “Quick Links” at the bottom of each page.
Colors: Light Blue sandstone background with Dark Blue sandstone border. BuZon 1: “History” ‐‐ History of TAGA organiza<on & Hx of TAGA on campus.
Navigation Bars are 49% transparent with “Plastic” Graphic Style fills and light BuZon 2: “Mission Statement” ‐‐ Statement(s) that explain TAGA’s purpose.
blue borders. Title font is Dark Blue & subtitle font is white. Body text will likely BuZon 3: “Contact Us” ‐‐ Link to contact informa<on page.
be white or dark blue to match other font themes on page.
Images: Images will be picture slideshows featuring TAGA history, the TAGA
organization, and current members. Could also include some pictures of the GC
facilities (“Where We Are”).
Text: The primary navigation buttons are Helvetica font. The Title is Optima
Extra Bold and the subtitle font is Helvetica. The Quick Links are Futura. The
body text will likely be Verdana, Trebuchet, or Helvetica. Secondary Navigation
Buttons are Futura.
16
Mary Macin Independent Study Project
18. Last Updated: 2/25/09
Macin Website Storyboards Page: 18
Type of Page: External Links Page TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 2. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 3. Secondary Naviga<on Pane – No<ce there are no buZons on the “External
Links” page. At this <me it makes more sense to have links as text, or as
picture links (more visually appealing) than to have buZons down the side.
4. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
Map”, and “Search”.
5. Title – Provides a visual cue to the visitor as to where they are within the site.
4 “External Links” is the primary sec<on.
6. Body – The body of the “External Links” page will consist of external links,
Programming Notes: likely in the form of picture buZons. May have short descrip<ons for each
link, such as an explana<on for why we have provided a link to it, or just a
short descrip<on of the site being linked to.
Functionality: All pictures will have “Alt” content for the visually impaired.
The colored orbs in the primary navigation bar will be buttons to other pages The following organiza<ons are likely to be included on the “External Links”
within the site. The TAGA logo will always link back to the “Home” page. page:
Buttons along the left side change the text & graphic content of this page. There
are “Quick Links” at the bottom of each page.
1. ISU Tech Department
Colors: Light Blue sandstone background with Dark Blue sandstone border. 2. ISU Graphic Communica<ons Department
Navigation Bars are 49% transparent with “Plastic” Graphic Style fills and light 3. ISU Home Page
blue borders. Title font is Dark Blue & subtitle font is white. Body text will likely 4. Na<onal TAGA page
be white or dark blue to match other font themes on page.
5. GATF
Images: Images will be picture slideshows featuring TAGA history, the TAGA 6. Social Networking (Facebook?)
organization, and current members. Could also include some pictures of the GC
facilities (“Where We Are”).
Text: The primary navigation buttons are Helvetica font. The Title is Optima
Extra Bold and the subtitle font is Helvetica. The Quick Links are Futura. The
body text will likely be Verdana, Trebuchet, or Helvetica. Secondary Navigation
Buttons are Futura.
18
Mary Macin Independent Study Project
20. Last Updated: 2/25/09
Macin Website Storyboards Page: 20
Type of Page: Contact Us Page TAGA – Technical Associa<on of Graphic Ar<sts
1 2
1. Logo – This space is reserved for the official TAGA logo. This logo will appear
In the same place on each page.
5 2. Primary Naviga<on Pane – Each orb on this pane is a buZon that corresponds
with the 7 primary areas of the site (Membership, Orders, Gallery, Events,
About Us, External Links, and Contact Us).
6
3 3. Secondary Naviga<on Pane – The “Contact Us” page is currently a “catch‐all”
page for Administra<ve tools, Privacy Agreements, the Site Map, etc. As
such, there are links in the Secondary Naviga<on pane for a number of these
func<ons.
4. Quick Links – Internal links to three basic sec<ons of the site: “Home”, “Site
Map”, and “Search”.
4 5. Title – Provides a visual cue to the visitor as to where they are within the site.
“Contact Us” is the primary sec<on. Unlike the other main sec<ons, the
secondary links will likely lead to separate pages with the appropriate
Programming Notes: informa<on.
6. Body – The body of the “Contact Us” page will be neatly organized contact
informa<on, as well as a way to submit email from the site. It may also be
Functionality: All pictures will have “Alt” content for the visually impaired.
useful to set up a contact form where visitors can submit messages (or email)
The colored orbs in the primary navigation bar will be buttons to other pages
within the site. The TAGA logo will always link back to the “Home” page. to a contact person for more informa<on, but this will depend on TAGA’s
Buttons along the left side change the text & graphic content of this page. There needs.
are “Quick Links” at the bottom of each page. The following site tools are linked from this page:
‐ Site Info
Colors: Gray sandstone background with Charcoal sandstone border.
Navigation Bars are 49% transparent with “Plastic” Graphic Style fills and gray ‐ Privacy
borders. Title font is Black. Body text will likely be white, light gray, or black to ‐ Search
match other font themes on page. ‐ Site Map
‐ User Agreement
Images: There may be 1-2 TAGA related pictures on this screen, or possibly a
‐ Add Content
graphic pertaining to the purpose of the page, but the only other graphics might
be pictures that correspond to specific individuals contact information. ‐ Edit Content
‐ Administra<on
Text: The primary navigation buttons are Helvetica font. The Title is Optima These are suggested site tools, but the finished site may not include all tools. The
Extra Bold. The Quick Links are Futura. The body text will likely be Verdana, format for site tool pages will be the same as Contact Us with appropriate
Trebuchet, or Helvetica. Secondary Navigation Buttons are Helvetica.
<tle.
20
Mary Macin Independent Study Project