ICT239: A Hierarchical list of Your Client’s Goals Level of Understanding of the Client’s Business: Web Application Development Assignment, SUSS, Singapore

Assignment 1  

Part A – Design Brief

1. A hierarchical list of your client’s goals
2. A competitor’s analysis
3. A completed persona with a user scenario
4. A desktop wireframe, tablet wireframe, and mobile wireframe
5. Three mood boards

Assessment Criteria for Assessment Part A (20 Marks)

1. Presentation skills and a professional-looking document 2/20

2. A hierarchical list of your client’s goals
Level of understanding of the client’s business, the list is appropriate to the design requirements. 2/20

3. A competitor’s analysis
Completeness, level of insight in relation to design requirements. 3/20

4. A completed persona
Level of realism and relevance to the business. 3/20

5. A desktop wireframe, tablet wireframe, and mobile wireframe
Level of information hierarchy and visual hierarchy, detailed notes, relates to goals. 5/20

6. Three mood boards
The mood is appropriate to the client and the level at which the mood is defined, visually and conceptually. 5/20

Part B – Design Concepts

Taking into account the design briefs findings, develop a design concept for your client’s website.

The design concept will incorporate-

• One of the visual moods, colors, and typography from your design brief • A desktop, tablet, and mobile view
• Design notes that explain your design choices

Assessment Criteria for Part B

1. Relevance of design concepts to persona 2/10
2. Relevance of design concept to client goals 2/10
3. Appropriate use of color, images, typography, and composition 2/10
4. The relevance of design notes 2/10
5. Level of craftsmanship and attention to detail 2/10

Part C – Wireframe and Web Design Critique

In the absence of clients to give us feedback on our design concepts, the forum will be used as a testing ground for our web design concept stage. Upon posting a design, students will receive feedback. Students will then make improvements and then repost. The post-receive comment- improve-repost cycle will commence from session 4 (starting with the wireframes) and finish when the final design concept is completed. Overall each student must have posted no less than 20 critiques of various design concepts. Less than 20 posts will receive a reduction in marks.

1. A finished and responsive website with 2 linked pages, based on an approved design.

• The first 2 links in your menu bar must link to a gallery and an about HTML pages in your site.
• The gallery page must have a working jquery lightbox or use Modal images.

2. An 800-word academic essay that examines your website in relation to this question–

In a List Apart article was written in 2014, Victor Yocco states that in terms of designing for the web “if you want users to actually pay attention to your message, make it directly relevant and easy to understand.” But first, we need to ask ourselves questions of our designs, such as-

• How did we make the message clear in our web design?
• How did we make the website relevant to our users?
• How does Webdesign facilitate people taking actions, the way we want them to? Using your own web design as an example, describe how you took into account and applied these questions to your work.

3. Usability Surveys

This usability assessment is based on surveying 3 users. The surveys will contain,
-4 questions that relate to functionality
-4 questions that relate to the visual communication of your client’s goals (see LMS for consent forms and usability forms)

When you have completed the survey submit a one-word document that contains • a summary of your usability findings

• 3 scanned survey forms
• 3 scanned copies of the consent forms.

4. W3C Validation

Upload or use the web developer toolbar to test your index.html for WC3 errors. a. copy and paste your HTML or upload an HTML file.

5. A bibliography of the content source URL’s for photos or content that is not yours or the clients

6. Accessibility Test

A small as possible list of accessibility issues via http://achecker.ca/checker/index.php

a. Upload your index.html or copy and paste your HTML code to http://achecker.ca/checker/index.php

b. make a screenshot of the result. (There should be no errors) We are interested in WCAG 2.0 (Level AA) comments. For a list of what the comments mean go to

Assessment Criteria for Part D –

1. Development and application of a visual language in a website 10/50 Development of a visual language in the website Develop materials to reach specific audiences.

2. Web Development Process 10/50 Strong craftsmanship and attention to detail.

3. Essay writing 10/50

4. Demonstrate independent, critical thinking, and self-assessment skills. Discuss, support, present, and critique ideas.

Usability. 10/50

Demonstrated improvements to website based on user feedback

5. Validation 5/50

Webpage validates without errors,

6. Accessibility 5/50

Small as possible accessibility issues.

About your organization

1. Provide a description of your organization/brand and your industry

Jon Beck is an international award-winning photographer, specializing in fine art, actor portraits, landscape, and building photography. Jon’s approach to his work is one of no compromise, from image capture, printing, and framing he uses only the finest quality materials available. All Jon’s images are captured on professional film using medium format equipment. Jon’s stunning art pieces decorate the walls of many homes, offices, and commercial spaces around Australia and the world.

Living in Queensland, he is surrounded by beautiful beaches, the unique characters of its people, and ideal weather; which Jon uses for inspiration to create his stunning images. Jon constantly strives to capture spectacular light and mood within his images, while maintaining a fresh hipster perspective. He believes a photograph has to provoke an emotion, represent the landscape and tell a story- but with a difference.

1.1 Who are the primary contacts from your organization, and who has final approval on the project? Please list names, titles, email addresses, and phone numbers.

1.2 Do you have a specific budget range already established for this project? Yes, I don’t have any money for images or photographers or anything- you must use the images that I provide only.

2. List some websites of similar service providers and list what you like about that site?

A1. Web site address — https://www.benjimessmer.com/
A2. What do you like about this web site 1– nice use of images, good use of color, hip, nice typography, the site has character

B1. Web site address — http://shoottheliving.com/
B2. What do you like about this web site– has personality, something different, good tag line, good focal point, clean design, nice use of images, good use of color

3. List some sites you hate, and why?

A1. Web site address — http://www.nicolastarierphotography.com/
A2. What do you hate about this web site –too cluttered, impossible to navigate, all the same – a one-trick pony, no visual hierarchy, no tag

B1. Web site address — http://lauramakabresku.com/
B2. What do you hate about this web site –no visual hierarchy, no tag, too clean

4. What is the purpose of this site?  (e.g., to promote the service, customer service, dissemination of knowledge) Please describe in detail.

We are primarily interested in promoting our work and selling photographs. We also run training workshops with photographers. Most photography websites are either cluttered or have very simple one-page images.  Although I like the minimal aesthetic we need something different that will set us apart.  Jon Beck Photography is a high-end production company so we need to be distinct. We focus on understanding the specific needs of our clients and provide a high level of personal service. We are industry professionals with a clear focus on client responsiveness and project delivery- with a distinctive flair. Using the latest technology and implementing best practice solutions is crucial to ensuring we achieve the best outcomes for our clients.

5. Do you have any existing marketing/PR campaign material in digital format? And do you want the website to tie in with any existing marketing materials/ logos?

I have a logo

6. Who is the primary audience?

1. What are the interests of the target audience?

Mums and Dads who want to spoil themselves to high flying corporate and fashion clients, willing to spend money on quality photography,

2. What do they find appealing?

Good images that show a unique point of view that captures the emotion

3. How long do you think a typical audience member may be using the net?

Most are professionals and use it as part of their business and everyday life

4. What is their average income level? 60,000- 100+
5. What is their average age? 35-50yr

7. What is a typical task the visitor might perform on the new site?
Look at photos, call or email for more information/ quote, buy some photos,

8. Where will content for the site come from? Will it be newly created, re-purposed, or both? Do you have all the content (text, images, video) for the website ready to be used??
I will provide all copy- see below, you have to use these images only

9. If you were a user what search words might you use to locate the site on Google/Yahoo?

Jon Beck Photographer for COMMERCIAL, PORTRAITS, FASHION, ADVERTISING,  JB Photography.

10. Emotional reaction considerations–Describe the typical user reaction/first impression you would want from your clientele;
Typical user reaction to the company/organization represented
Exclusive without alienating, something different with the character, distinctive from other photographers, sophisticated, quality, user friendly