Universitat Internacional de Catalunya

Design III: Web and App Design

Design III: Web and App Design
3
16343
3
First semester
OB
Main language of instruction: Catalan

Other languages of instruction: English, Spanish,

Teaching staff


Email.

Introduction

This course is designed to help students understand the design of digital products (websites and mobile applications) as a strategic process that supports communication objectives. It covers the processes of concept development and design by integrating the fundamental principles of UX/UI, as well as data collection and analysis to improve usability and optimise marketing actions.

Pre-course requirements

To have passed the Design I and Design II courses.

Objectives

  • To integrate digital design into communication campaigns.
  • To translate brand objectives into digital experiences.
  • To study user behaviour.
  • To design digital experiences that are consistent with the brand.
  • To design functional prototypes for websites and mobile applications.

Competences/Learning outcomes of the degree programme

  • CN05 - Recognise the principal artificial intelligence tools with applications in advertising, marketing and public relations.
  • CN07 - Identify emerging trends in digital communication, social media and interactive environments for planning advertising and public relations activities in digital and multi-platform contexts.
  • CP10 - Create graphic and visual elements by applying principles of design and visual communication to advertising and public relations campaigns.
  • HB08 - Develop creative advertising messages, adapting language and style to different contexts and formats.
  • HB12 - Use specialised English terminology in advertising and public relations.

Learning outcomes of the subject

Students will be able to:

  1. To identify photographic aesthetics and their application in persuasive techniques used in advertising.

  2. To understand the relationships involved in sales processes, from the business idea to the distribution and promotion of products and services.

  3. To master verbal communication to create advertising messages aimed at different audiences and adapted to various media.

  4. To define key concepts and identify the settings and stakeholders involved in advertising communication, such as direct and promotional marketing, the point of sale and the sales team.

  5. To develop a brand’s visual identity using image-editing applications, including artificial intelligence tools.

  6. To define a brand’s sonic identity using audio libraries and music-editing software.

  7. To use graphic design and website development software proficiently, including artificial intelligence tools.

  8. To master graphic design techniques for persuasive media.

  9. To predict the reach and return on investment of advertising communications in order to adjust advertising expenditure.

  10. To develop multichannel marketing strategies, including the use of artificial intelligence tools.

Syllabus

  1. Strategic design.
  2. Website vs. app: the multi-device ecosystem.
  3. User research and user experience.
  4. Information architecture.
  5. UX Writing: tone of voice and content.
  6. Interaction design.
  7. Usability and accessibility.
  8. User interface (UI) and visual design.
  9. HTML/CSS, CMS platforms and no-code tools.
  10. Prototyping and user testing.

Bibliography and resources

- Documentación oficial de herramientas WordPress, Figma, Webflow 

- Blogs especializados: UX Collective, Nielsen Norman Group 

- Figma 

- Adobe XD

- Google Analytics

- Hotjar