Web Design: Be Responsive!

A course by Francisco Aveledo
Web designer. Vilanova i la Geltrú, Spain.
Joined September 2009
, Web designer

Learn to design your responsive web portfolio

  • Spanish with subtitles in English
  • 91% Positive reviews (244)
  • 3037 students

Learn to design your responsive web portfolio

Spanish with subtitles in English
  • 91% Positive reviews (244)
  • 3037 students
  • Online and at your own pace
  • Audio: Spanish
  • Level: Beginner
  • 17 Lessons (1h 49m)
  • Available from the app
  • Spanish, English, Portuguese
  • Unlimited access forever
  • Certificate upon completion of the course

Make the jump to Responsive Design! In this course, Francisco Avelendo of FA Design will teach you how to design an original website or your own portfolio from the concept to its preparation to be programmed. By completing your own online portfolio, you will learn all the steps to design webs to leave the file prepared for the programmer, and you will also enter the 'Responisve Web Design' or adaptive web design, the most used method currently that allows your Design suits all devices. Get away from the typical predesigned portfolios creating yours from scratch and who knows, this course can be the first step to dedicate yourself fully to web design or serve to complement your creative services.

About this course

Course table of contents

  • U1
    U1. Introduction to Web Design
  • U2
    U2. Information architecture
  • U3
    U3. Concept and visual design
  • U4
    U4. Prepare the files for the programmer
  • FP
    FP Final Project
View details

To start the adventure of creating your site, FA Design will give you an introduction to web design and online portfolios, with an explanation of the 'Responsive Web Design' where you will know why this is currently the most common way to design websites. Next, you will organize the content of the web portfolio and you will make the paper sketches on the architecture of the information, basically some 'wireframes' made by hand. For this purpose, you will use a grid as the basis of the design; this will help you to maintain a logic at a structural level and will be very useful for the programmer who will assemble the site.

You will practice a real work process with all the keys so that the web is fluid and easy to use. Finally, you will see some tips on how to prepare Photoshop files to be used by a programmer, it will be him who gives life to the design. You will also receive advice on how to promote the website once it is assembled and online.

The final project of the course will consist of creating the visual design of a web portfolio, from the conception of the idea to the preparation of the files that can be used by a programmer to assemble the web later. Web portfolios are not usually complex sites and it is a very useful project for any creative, perfect to start in the area of screen design. In addition, a Responsive website will be perfectly seen from any device (mobile, tablet ...).

What is this course's project?

El proyecto final del curso consistirá en crear el diseño visual de un portfolio web para que un programador la haga realidad. Empezarás desde la concepción de la idea hasta la preparación de los ficheros que puedan ser utilizados por un programador para montar la web posteriormente.

Los portfolios web no suelen ser sitios complejos y es un proyecto muy útil para cualquier creativo, perfecto para iniciarse en el área del diseño responsive para que se vea desde cualquier dispositivo (móvil, tablet o desktop).

Projects by course students

Who is it for?

This course is aimed mainly at graphic or creative designers in general who want to enter the world of web design. It can also be useful for some programmers who need to dig deeper into the creative phase of their projects.

What you need

To complete this course you will need basic principles of graphic design, a notebook to draw and a medium level of Photoshop. It is not necessary to have knowledge of web design, simply a basic idea with the experience of surfing the internet.


3037 Students
244 Reviews
91% Positive ratings

Francisco Aveledo

A course by Francisco Aveledo

Web designer

My name is Francisco Aveledo and I work as a graphic designer under the name of FA Design. My specialty is web design and corporate image although I cover other areas of design. I have spent more than 15 years dedicating myself to design, many years of study and the last 6 years on my own.

I have always been passionate about digital design, although I also appreciate the traditional part of design, as I had the opportunity to learn both. Since I studied design, I liked the idea of designing for the screen, of organizing content and showing it efficiently. I have worked in many projects, both web, print, motion and other digital surfaces such as digital television service applications.


  • U1

    Introduction to Web Design

    • FA Design and web design
    • Bases of web design
    • Inspiration
    • Responsive Web Design
  • U2

    Information architecture

    • Organize the content
    • Wireframing
    • The grid (Grid system)
  • U3

    Concept and visual design

    • Graphic concept
    • Build the web
    • Define the graphic elements
    • Variations funds
    • Define instances
    • Design the rest of the screens
    • Define Responsive functions
  • U4

    Prepare the files for the programmer

    • The programmer
    • Clean and organize
    • Promote your website
  • FP

    Final Project

    • Web design: Be Responsive!

This Is What Domestika Courses Are Like

  • Learn at Your Own Pace

    Enjoy learning from home without a set schedule. You set your own timetable.

  • Learn From the Best

    Learn valuable methods and techniques explained by top experts in the creative sector.

  • Expert Instructors

    Each instructor teaches only what she/he does best, conveying true passion and excellence in every lesson.

  • Certificate

    Certificates in all courses: when you complete a course you will get a personalized certificate signed by the teacher so that you can share it.

  • Front Row Seats

    Videos of the highest quality ensure that you don't miss a single detail. With unlimited access, you can watch them over and over.

  • Share Knowledge

    Ask questions, request feedback, offer solutions. Share learning with other students in the community.

  • Creative Community

    More than 5M creatives and growing. Domestika is the place to share and learn what you love.

  • Professionally Developed Courses

    We selected top creatives and a team of experts to develop the courses. The result? You'll feel like you're working side by side with leading professionals.

Frequently Asked Questions

  • Domestika's courses are online classes that provide you with the tools and skills you need for completing a specific final project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the instructor and other users, thus creating a dynamic course community.

  • The course is 100% online, so once they are published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.

  • The courses are divided into different units, each one includes lessons, informational texts, tasks and practice exercises to carry out your project step by step, with additional complementary resources and downloads. You will also have access to an exclusive forum where you can interact with the instructor and other students, and share your work and your course project, thus creating a community around the course itself.

  • You can now redeem the course you received, just access redeeming page to enter your gift code and redeem it.

  • You'll get your personal certificate as soon as you complete the course. You can see all your certificates under the Certificates section in your profile. You can download your certificates in PDF and share the link online. Learn more about certificates

Web Design: Be Responsive!. A Technology course by Francisco Aveledo

Web Design: Be Responsive!

A course by Francisco Aveledo
Web designer. Vilanova i la Geltrú, Spain.
Joined September 2009
  • 91% Positive reviews (244)
  • 3037 students