Flow page

How to build an eCommerce project

from a customer experience perspective?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis. Vivamus eleifend risus purus. Mauris in nulla eget velit tempor maximus quis a libero. Suspendisse luctus consectetur tellus, a bibendum mauris scelerisque vel. Quisque sed mi auctor, euismod urna a, tincidunt augue. Integer ut nibh est. Sed tortor neque, ullamcorper nec massa nec, efficitur elementum massa.

Research & analysis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis.

Research & analysis

Most important steps to make:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis.

Designing the catalog

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis. Vivamus eleifend risus purus. Mauris in nulla eget velit tempor maximus quis a libero. Suspendisse luctus consectetur tellus, a bibendum mauris scelerisque vel. Quisque sed mi auctor, euismod urna a, tincidunt augue. Integer ut nibh est. Sed tortor neque, ullamcorper nec massa nec, efficitur elementum massa.

Designing the catalog

You should consider:

  • Lorem ipsum dolor sit amet
  • consectetur adipiscing elit
  • Morbi magna ligula
  • ultrices sit amet lacus non
  • consectetur facilisis turpis
  • In vestibulum maximus magna
  • id eleifend neque porttitor ac

From UX to UI: the graphic design process

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis. Vivamus eleifend risus purus. Mauris in nulla eget velit tempor maximus quis a libero. Suspendisse luctus consectetur tellus, a bibendum mauris scelerisque vel. Quisque sed mi auctor, euismod urna a, tincidunt augue. Integer ut nibh est. Sed tortor neque, ullamcorper nec massa nec, efficitur elementum massa.

From UX to UI: the graphic design process

What are the key elements of a design pack ready for development?

Developing the brand identity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis. Vivamus eleifend risus purus. Mauris in nulla eget velit tempor maximus quis a libero. Suspendisse luctus consectetur tellus, a bibendum mauris scelerisque vel. Quisque sed mi auctor, euismod urna a, tincidunt augue. Integer ut nibh est. Sed tortor neque, ullamcorper nec massa nec, efficitur elementum massa.

Iconography and typography decisions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis. Vivamus eleifend risus purus. Mauris in nulla eget velit tempor maximus quis a libero. Suspendisse luctus consectetur tellus, a bibendum mauris scelerisque vel. Quisque sed mi auctor, euismod urna a, tincidunt augue. Integer ut nibh est. Sed tortor neque, ullamcorper nec massa nec, efficitur elementum massa.

Layout design plans for all responsive sizes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis. Vivamus eleifend risus purus. Mauris in nulla eget velit tempor maximus quis a libero. Suspendisse luctus consectetur tellus, a bibendum mauris scelerisque vel. Quisque sed mi auctor, euismod urna a, tincidunt augue. Integer ut nibh est. Sed tortor neque, ullamcorper nec massa nec, efficitur elementum massa.

Creating an universal styleguide for the sitebuild UI kit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis. Vivamus eleifend risus purus. Mauris in nulla eget velit tempor maximus quis a libero. Suspendisse luctus consectetur tellus, a bibendum mauris scelerisque vel. Quisque sed mi auctor, euismod urna a, tincidunt augue. Integer ut nibh est. Sed tortor neque, ullamcorper nec massa nec, efficitur elementum massa.

Consider your integration needs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim. Etiam tincidunt ligula id metus rutrum venenatis. Vivamus eleifend risus purus. Mauris in nulla eget velit tempor maximus quis a libero. Suspendisse luctus consectetur tellus, a bibendum mauris scelerisque vel. Quisque sed mi auctor, euismod urna a, tincidunt augue. Integer ut nibh est. Sed tortor neque, ullamcorper nec massa nec, efficitur elementum massa.

Typical integration requirements of an advanced webshop

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim.
Consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim.

Block with text content on the right side

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim.

Block with text content on the left side

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna ligula, ultrices sit amet lacus non, consectetur facilisis turpis. In vestibulum maximus magna, id eleifend neque porttitor ac. Sed at tellus sodales, cursus tortor quis, venenatis enim.