Web Design Using HTML/CSS Assignment | Custom Essay Services

Process document: A single well-organized, designed and multi-page PDF document which includes the following, at least 4 pages: – process, plan, personal brand statement, rationale – wireframe of home/inner pages – visual identity and graphic study – consideration of accessibility and usability requirements 2. Final website: A compressed zip file of your HTML/CSS along with the digital media assets such as images and documents, in an organized manner, and included in such a way that the uncompressed file is fully viewable in a local browser on any computer other than your own 3. References: In-page citation of any photograph or media used which you have permission for but is not your own production

CCT260, Winter 2020, Project 2
Personal Website
Design objectives
An integrated public and professional digital presence is
more than an online resume or online list of projects.
There are many critical parts to a personal/professional
online identify, some of which are: a custom website;
domain identity; cloud-based professional portfolios;
integrated social media presence; collection of rich media;
aggregates of social collateral (such as comments, shares
and likes); and last but not least a comprehensive
analytics program for user insights and measuring
success. These are all integral to a strong digital strategy
and a broader digital presence online.
In this projects you will design and develop a simple
website as a first and foundational step towards an online
digital presence. Your website represents your
professional online presence and will include critical
components such as a carefully written biographic
statement, a professional representative photo of yourself,
a link to one of your social media websites appropriate for
a professional presence, a link to a single PDF such as
your resume, and at least three inner pages in addition to
your homepage which include a selection of
representative work that you feel strongly about.
Scope of work
Your website should contain one main (index.html) page
and at least three inner pages, with appropriate global,
local and associative navigation. Your project should
include the following steps:
Planning a profile website: Plan and conceptualize
what your pages will look like. Think about your
goals, personal brand and how you want to be seen
and presented online.
Wireframe: Design a wireframe for your pages and
give special attention to desktop browsing usability
(not mobile), visual grids, basic accessibility, content
hierarchy and layout.
Visual identity and graphic design: Use a
preferred graphic design software such as
Photoshop to explore your site’s visual identity and
design direction with respect to use of photography,
colour choices, typography, white-spacing.
Coding and programming: Use HTML/CSS to
develop a finalized standalone website which works
on a recent version of Firefox, Chrome and Safari on
a desktop computer.
Webpage components
You must include the following components on your
Website:
1. Appropriate regions on all pages: header, navigation,
main content, visual features, secondary content such
as a sidebar, footer
2. A brief biography of yourself and your photograph on
the homepage
3. One connotative component such as a banner or
spotlight image with a strong visual impact
4. At least one hyperlink to your social media page,
preferably something professional such as
LinkedIn.com
5. Link to a PDF document such as your resume as part
of your website (in the asset folder)
6. At least one embedded video of your choice from an
external source such as YouTube, integrated
appropriately in your overall design
7. Cross-links to inner pages including your selection of
representative work which should highlight related
projects or information relevant to your personal brand
Submission requirements
1. Process document: A single well-organized,
designed and multi-page PDF document which
includes the following, at least 4 pages:
– process, plan, personal brand statement,
rationale
– wireframe of home/inner pages
– visual identity and graphic study
– consideration of accessibility and usability
requirements
2. Final website: A compressed zip file of your
HTML/CSS along with the digital media assets such
as images and documents, in an organized manner,
and included in such a way that the uncompressed file
is fully viewable in a local browser on any computer
other than your own
3. References: In-page citation of any photograph or
media used which you have permission for but is not
your own production
Learning outcomes
• Apply the foundational process for planning a
standalone professional website; design wireframes
and the information architecture; graphically designing
a web interface; using web markup and programming
to implement a usable design.
• Demonstrate a foundational understanding of
standards-based front-end web development and
design using HTML/CSS.
Evaluation criteria includes:
• [40%] Quality of the content that includes digital
assets and original content with attention to process,
planning, wireframes, graphic design and visual
identity, attention to usability and accessibility, gridbased
hierarchy, visual emphasis, colour and
typography, photographic and rich media treatment
• [60%] Quality of the design and development of
website, use of proper HTML/CSS standards-based
coding techniques based on learnings in class,
organization and structure of code and assets,
uniqueness of interface that sufficiently differs from
worked in-class templates and examples