Abstract: The Online Identity of a person working in the creative industries makes a vital contribution to developing their network of professional contacts and relationships. A vital component of this Identity is the digital portfolio, which not only serves as a way of displaying the person’s professionalism and skills but also a shop window of their creative ability. In this paper, we present the methodology we use in teaching our students the development of responsive websites that utilize the latest web technologies. This paper describes the workflows that have been adopted in producing these websites, and in particular the use of a Precedence Analysis Diagram together with a desktop wireframe, which are key to producing effective designs.