Extended Brief – DMC2003 UX/UI Design for Web and Mobile

Welcome to DMC2003 – Your Creative Journey Starts Here!

This module is all about choice, self-realisation, and creativity – a space for you to explore, experiment, and express yourself in new ways while developing real-world skills in UX/UI design.

Whether you're passionate about gaming, fashion, music, fitness, storytelling, or social change, your interests and talents will help shape your project. If you love dancing, you might enjoy designing an avatar that grooves to the beat. If you're into sewing, why not create a wearable tech app with a supporting website? Into sports? Imagine an interactive fitness platform. with motion tracking.

Your unique skills, passions, and ideas are not just welcomed – they’re essential. This module is designed to celebrate both your learning outcomes (what you'll gain from the course) and your learning incomes (the skills and creativity you bring with you).

The Project – One Idea, Two Outputs

This is an individual assignment, as it focuses on both learning outcomes and learning incomes, giving each student the opportunity to explore their own creative choices and personal interests.

You will be working on one project with dual outputs, meaning your concept will take shape across two complementary formats:

1. A mobile app prototype, and

2. A supporting website.

These outputs will share the same:

· Concept: A unified idea that ties both platforms together.

· Visual Identity: Consistent branding with the same logo, colours, and typography.

· Content Assets: Images, icons, videos, and audio elements across both formats.

· User Experience Approach: Ensuring seamless interaction across mobile and web.

This integrated approach mirrors real-world design challenges and helps you build a cohesive digital experience, just like industry professionals.

Assessment Structure

Formative Assignment – The 7-Slide Pitch Presentation

Before diving into development, you'll present your concept through a 7-slide pitch deck, demonstrating your creative vision and thought process.

Deliverables:

· A professional slide deck (PowerPoint or equivalent) including:

o Miro Ideation Map – Showcasing your brainstorming and research.

o Branding Elements – Logos, colour schemes, and typography choices.

o User Personas – Who your users are and how your project serves them.

o Wireframes & Mockups – Early visual representations of your mobile app and website.

o Moodboards & Inspiration – Visual references that shape your design.

o Audio/Video Elements – To enhance your pitch with engaging media.

· A recorded presentation video (PowerPoint or other presentation software) explaining your concept and design decisions.

This formative assignment is your chance to refine your ideas, gather feedback, and prepare for the full development process.

Summative Assignment – Final Project Portfolio

Your final submission will include both the mobile app prototype and the website, forming a cohesive UX/UI design experience.

Deliverables:

1. Mobile App Prototype (Choose One Approach):

o Adobe XD/Figma interactive prototype.

o Unity-based mobile experience (e.g. GPS locative audio experience).

o A fully designed no-code mobile experience (e.g. Webflow, Wix Mobile).

2. Website (Choose One Platform):

o Wix, WordPress, GitHub Pages, or similar platforms, or custom HTML/CSS.

o Interactive storytelling site (video-heavy or multimedia-driven).

o NFT/Web3 immersive project.

Supporting Elements:

· Final high-fidelity design assets (logos, images, UI elements).

· A reflection document discussing your learning journey and process (1000 words) including user journey and experience testing documentation.

Key Focus Areas for Success

Throughout the module, you'll explore and develop skills in:

· User-Centred Design Thinking – Designing solutions that meet real user needs.

· Interactive Prototyping – Bringing ideas to life through engaging experiences.

· Visual Identity & Branding – Creating compelling and cohesive digital experiences.

· Technical Flexibility – Whether you're coding or using no-code tools, it's all about creativity.

· Storytelling & Presentation – Communicating your ideas effectively and confidently.

Project Themes & Inspiration

Need some inspiration? Here are a few ideas to get you started:

· Fitness & Wellbeing: A mobile app for guided workouts with a companion website featuring nutrition tips.

· Fashion & Wearables: An interactive portfolio for wearable tech or sustainable fashion projects.

· Social Impact: A platform. raising awareness for a social cause with mobile engagement.

· Gaming & Entertainment: A character customisation app with a fan-focused website.

· Event Planning: A festival/event planning app with an engaging web presence.

· Learning & Education: An educational app with a blog-style. website.

Whatever your passion, you have the freedom to shape your project to reflect your interests and career aspirations.

How You’ll Be Supported

This module is designed to guide and support you every step of the way:

· Workshops & Studio Time – Hands-on sessions to help you develop your project.

· Guest Talks & Industry Insights – Get inspired by professionals in the field.

· Peer Feedback Sessions – Collaborate and learn from your classmates.

· One-on-One Mentoring – Personalised support to help refine your ideas.

Remember, there’s no single way to success – this journey is yours to shape.

Submission Deadlines

· Formative 7-Slide Pitch Submission: [Insert Date]

· Summative Final Project Submission: [Insert Date]

Late submissions may impact grading, so plan your work effectively and seek help early if needed.

Grading Criteria

Your project will be assessed based on:

1. Creativity & Originality – How unique and engaging is your concept?

2. User Experience – How intuitive and seamless is the user journey?

3. Visual Design Quality – How well are branding and aesthetics applied?

4. Technical Execution – How well does your chosen platform. meet the project's needs?

5. Presentation & Documentation – How effectively have you communicated your ideas?

Get Started Today!

1. Start brainstorming ideas and inspirations that excite you.

2. Gather references, sketch rough concepts, and map out potential user journeys.

3. Explore the tools and platforms that will best support your project vision.

This is your opportunity to combine your interests, passions, and technical skills to create something truly meaningful and exciting.

We’re here to support you throughout the process—so dive in, have fun, and create something amazing!

Good luck and let your creativity shine!