Digital Project Development (MANM468)

Assignment Brief- Web Design Project

Name URN 17 April (16:00 on

Mark Due Date
SurreyLearn)

Format Report (1000 words

max) and project files

Assessment
20%
Weight

Website design is a key skill in the Digital Economy and, indeed, is part of the digital marketing strategy
which you are reviewing for the MSc Corporate Challenge. Even if you are not a web developer or
designer, it is important to understand how websites are designed because it is part of digital marketing.

You will design a personal website around your team role in the MSc Corporate Challenge. The website
may advertise your role as a digital marketing consultant; as a personal cv; or as a new business such as a
digital agency. As part of the design process, you need to think about who is your audience and how you
want to engage with them?

To prepare the project, you follow a tutorial to become familiar with the FIGMA design tool and
complete a designated wireframe to demonstrate your skills. Using the FIGMA design tool, you then
design your personal website with a minimum of 4 pages as follows:

• Home
• About me
• Projects
• Contact

In the design process, you should plan the user interface (UI) around design principles and the intended
user experience (UX) and use the FIGMA design tool to create wireframes and mockups. You should
also create userflow diagrams to demonstrate the user journey and demonstrating with prototyping in
FIGMA.

Students should discuss their experience in a report about how they applied the theory for website design
including planning & design, wireframes & mockups and userflow diagrams and prototyping

Students should demonstrate their research effort and document appropriately with referencing.
Evidence of their design work can be included in appendices such as personas, wireframes, user-flow
diagrams, and FIGMA files.

All pages of this cover sheet must be attached to the front of your assignment
 Digital Project Development (MANM468)
Assessment Feedback- Website Design Project

STUDENT NAME: DATE:

Notes Mark

Planning and design report ⚫

⚫ Critical discussion about the design process
beginning with the purpose of the website and how it
relates to the persona for your audience. / 35
⚫ Critical discussion about design decisions including
colour and typography, and UI criteria as well as
content.
⚫ You should also highlight the intended UX on the
website including reference to user flow diagrams
and / or prototyping.
⚫ Critical use of examples and evidence

Wireframes & mockups ⚫

⚫ Applying design principles, create wireframes to
highlight the structure of each website page for your
personal website. / 35
⚫ Following the designated tutorial, complete the
sample mockup to demonstrate your ability to use
the FIGMA design tool.
⚫ Applying design principles, create mockups of the
user interface (UI) for the final design of your
personal website focusing on key design criteria for
content, form and function.

Userflow diagrams and prototyping ⚫

⚫ Applying design principles, create user flow diagrams
connecting the wireframes for the website to illustrate
how your persona will navigate through the website. / 20
⚫ Using the FIGMA mockups, create flow and
connections to create a prototype.
⚫ Applying design principles, highlight at least 3 user
journeys for your persona including motivation using
either user flow diagrams or prototyping.

Presentation & style •

⚫ Appropriate report structure with referencing and / 10

clear writing style;
⚫ Depth and breadth of the research undertaken using
both applied and academic research;

/100
Overall comment