canvas.tex

% !TEX program = xelatex

\documentclass{article}

% adapted canvas from the Value Proposition Canvas by Osterwalder
% (Wiley / Strategyzer)
% https://www.strategyzer.com/canvas/value-proposition-canvas

\usepackage[a3paper,landscape,margin=0in]{geometry}
\usepackage[dutch]{babel}
\usepackage{enumitem}
\usepackage{fontspec}
\usepackage{fontawesome5}

\renewcommand{\familydefault}{\sfdefault}

\pagenumbering{gobble} % supress page numbers

\usepackage{xcolor}
\usepackage[outline]{contour}

\usepackage{tikz}

\title{\vspace{-1em}Value Proposition Canvas (Osterwalder)}
\author{Requirements Engineering, Groep 2}
\date{
  \textbf{\color{black!50}Versie:} \today
}


\begin{document}

\maketitle

\centering

\def\layersep{49em}
\def\layerwidth{49em}
\linespread{1.15}

\vfill

\makebox[\textwidth][c]{
  \begin{tikzpicture}
    
    % CUSTOMER CIRCLE
    \begin{scope}[xshift=0.5\textwidth]
        \def\R{0.5*\layerwidth}

        \node [
            circle, 
            draw, 
            minimum width=\layerwidth, 
            outer sep=0,
            line width=0.4em
        ] (a) {};

        \draw [line width=.2em] (a.center) -- (60:\R);
        \draw [->, line width=.2em] (a.center) -- (180:1.2*\R);    
        \draw [line width=.2em] (a.center) -- (300:\R);

        % Customer Jobs
        \node [
            text width=18em,
            minimum height=24em,
            text centered
        ] at (0:\R/2) {
            \faIcon{tasks} \\
            \input{customer/jobs}
        };

        % Gains
        \node [
            text width=21em,
            text centered,
            minimum height=20em,
        ] at (120:\R/2) {
            \faIcon[regular]{grin-wink} \\
            \input{customer/gains}
        };

        % Pains
        \node [
            text width=21em,
            text centered,
            minimum height=20em,
        ] at (240:\R/2) {
            \faIcon[regular]{tired} \\
            \input{customer/pains}
        };

        \node [circle, fill=white] at (0:0) {
            \huge\faIcon[regular]{smile-beam}%
        };

    \end{scope}


    % GIFT BOX
    \node [
        rectangle, 
        draw, 
        minimum width=\layerwidth, 
        minimum height=\layerwidth,
        outer sep=0,
        line width=0.4em
    ] (b) {};

    \draw [->, line width=.2em] (b.center) -- (0:0.6*\layerwidth);
    \draw [line width=.2em] (b.center) -- (135:0.706*\layerwidth);
    \draw [line width=.2em] (b.center) -- (225:0.706*\layerwidth);

    % Gain Creators
    \node [ 
        text width=0.5*\layerwidth,
        minimum height=0.45*\layerwidth,
        text centered
    ] at (45:0.35*\layerwidth) {
        \faIcon{chart-line} \\
        \input{product/gain-creators}
    };

    % Products and Services
    \node [
        rectangle,
        anchor=west,
        text width=0.35*\layerwidth,
        text centered,
        minimum height=18em,
        outer sep=0
    ] at (180:0.495*\layerwidth) {
        \faIcon{concierge-bell} \\
        \input{product/products-and-services}
    };

    % Pain Relievers
    \node [ 
        text width=0.5*\layerwidth,
        minimum height=0.45*\layerwidth,
        text centered
    ] at (315:0.35*\layerwidth) {
        \faIcon{capsules} \\
        \input{product/pain-relievers}
    };

    \node [circle, fill=white] at (0:0) {
        \Huge\faIcon{gift}
    };

  \end{tikzpicture}
}

\vfill

\newpage

\renewcommand{\layersep}{76em}
\renewcommand{\layerwidth}{76em}

{~} \\

\vfill

\makebox[\textwidth][c]{
  \begin{tikzpicture}
    % CUSTOMER CIRCLE
        \def\R{0.5*\layerwidth}

        \node [
            circle, 
            draw, 
            minimum width=\layerwidth, 
            outer sep=0,
            line width=0.4em
        ] (a) {};

        \draw [line width=.2em] (a.center) -- (60:\R);
        \draw [->, line width=.2em] (a.center) -- (180:1.2*\R);    
        \draw [line width=.2em] (a.center) -- (300:\R);

        % Customer Jobs
        \node [
            text width=18em,
            minimum height=24em,
            text centered
        ] at (0:\R/2) {
            \faIcon{tasks} \\
            {\large
                \input{customer/jobs}
            }
        };

        % Gains
        \node [
            text width=21em,
            text centered,
            minimum height=20em,
        ] at (120:\R/2) {
            \faIcon[regular]{grin-wink} \\
            {\large
                \input{customer/gains}
            }
        };

        % Pains
        \node [
            text width=21em,
            text centered,
            minimum height=20em,
        ] at (240:\R/2) {
            \faIcon[regular]{tired} \\
            {\large
                \input{customer/pains}
            }
        };

        \node [circle, fill=white] at (0:0) {
            \Huge\faIcon[regular]{smile-beam}%
        };
  \end{tikzpicture}
}

\vfill

{~} \\

\newpage


{~} \\

\vfill

\makebox[\textwidth][c]{
  \begin{tikzpicture}
    % GIFT BOX
    \node [
        rectangle, 
        draw, 
        minimum width=\layerwidth, 
        minimum height=\layerwidth,
        outer sep=0,
        line width=0.4em
    ] (b) {};

    \draw [->, line width=.2em] (b.center) -- (0:0.6*\layerwidth);
    \draw [line width=.2em] (b.center) -- (135:0.706*\layerwidth);
    \draw [line width=.2em] (b.center) -- (225:0.706*\layerwidth);

    % Gain Creators
    \node [ 
        text width=0.5*\layerwidth,
        minimum height=0.45*\layerwidth,
        text centered
    ] at (45:0.35*\layerwidth) {
        \faIcon{chart-line} \\
        {\large
            \input{product/gain-creators}
        }
    };

    % Products and Services
    \node [
        rectangle,
        anchor=west,
        text width=0.35*\layerwidth,
        text centered,
        minimum height=18em,
        outer sep=0
    ] at (180:0.495*\layerwidth) {
        \faIcon{concierge-bell} \\
        {\large
            \input{product/products-and-services}
        }
    };

    % Pain Relievers
    \node [ 
        text width=0.5*\layerwidth,
        minimum height=0.45*\layerwidth,
        text centered
    ] at (315:0.35*\layerwidth) {
        \faIcon{capsules} \\
        {\large
            \input{product/pain-relievers}
        }
    };

    \node [circle, fill=white] at (0:0) {
        \Huge\faIcon{gift}
    };
  \end{tikzpicture}
}

\vfill

{~} \\

\end{document}