Name
Stephan Friedli
Position
Designer and creative developer
Mail
Send an email

Hello World – I am Stephan, an experienced digital designer and creative front-end developer who loves to bring clarity to complex concepts through design. I have a genuine passion for inspiring design and innovative technology, I enjoy solving problems with clean scalable solutions. I'm a highly visual thinker who’s driven by designing elegant digital products and brand experiences. I have a strong foundation in graphic and interactive design, and an interest in user centred branding and visual systems, understanding their potential within digital spaces.

  • The latest news

    • Index
      01 / 12
      Description
      A new online shopping experience developed in collaboration with MOON for Danish sportswear brand H20. This site offers countless filering options to show you exactly what you're looking for. Bold type, bold imagery and refined filtering give this site and ever changing expression whilst retaining an intuitive ease of use.
    • Index
      02 / 12
      Description
      "I Just Can't Stand The Rain" but want I can stand or "stan" is Rains! This new collection site for Rains A/W 21 was developed in collaboration with MOON and shows a pared back, minimal but highly dynamic multi perspective view of all the new goods on offer, making sure that you don't miss a thing.
    • Index
      03 / 12
      Description
      As refreshing as Summer rain! New collection site for Danish brand Rains developed in collaboration with MOON. Crisp, clear and concise; this site delivers dynamic motion, balanced with all the necessary information. Static and moving images supplement each other to provide multiple perspectives.
    • Index
      04 / 12
      Description
      Don’t blame it on the rain! Multi perspective video campaign site in collaboration with Moon for the rainwear lifestyle brand Rains. An “image in image” experience where the viewer can switch between different points of view to explore the dynamic collection from multiple angles.
    • Index
      05 / 12
      Description
      Not a bed bug in sight! A website as a bed, layers sliding on top of each other mimicking bed covers being drawn, framing the immersive and compelling imagery. A refined and redefined digital retail experience for Magniberg done in collaboration with Moon and Jacob Lindblad.
    • Index
      06 / 12
      Description
      Manyone gave me the trusted and nerve tickling job of giving new life to their website and adapting the visual identity to the digital space. After all Manyone isn’t just anyone and the result is as colourful and dynamic as the people in their offices.
    • Index
      07 / 12
      Description
      Last year I had the pleasure of working with the Danish music and culture platform Soundvenue on bringing the look and feel into 2020 without losing it’s legacy.
    • Index
      08 / 12
      Description
      It’s always interesting and fun to introduce details, interactions and functions that underline and communicate the story of the brand. In this case it might be a blushing bride…in any case it’s just a “proposal”!
    • Index
      09 / 12
      Description
      Who doesn’t love an easter egg? Sometimes leaving a little surprise in the code is my way of saying thank you for a good collaboration. Here, the Tour de France Devil shows up if the user types in a certain well-known number.
    • Index
      10 / 12
      Description
      Had the pleasure of working on the new Dissing+Weitling website in collaboration with Urgent. A complex site feature a wealth of amazing projects in architecture and urban planning.
    • Index
      11 / 12
      Description
      I made a small portfolio site for Katrine Mehl proving that there is potential in even the smallest idea. Here a humble piece of crumpled paper becomes the agent of storytelling.
    • Index
      12 / 12
      Description
      Had the pleasure of working with Kontrapunkt on there GOERTEK case site, a super fun challenge to work with and integrate a sound sensitive typeface.

I'm a big picture thinker and clear communicator who’s able to work both autonomously and collaboratively on projects that demand wide ranging skills in visual design, user experience, user interface, art direction, storytelling, prototyping and implementation. Throughout the years I have had the pleasure of working with a number of esteemed agencies including Hello Great Works, 1508, Spring/Summer, Make, Hjaltelin Stahl, AKQA, Kontrapunkt, Manyone and Designit.

  • Developing ideas

    A strong idea and the development of a solid conceptual framework is always my starting point. Finding the space where the clients thoughts and my design ideas merge and elevate each other to achieve an end product that truly represents and reflects the values of the client whilst managing to surprise and surpass expectations. The Henning Larsen site was developed in collaboration with Voodoo People and subtly integrates sketching and planning sourced from the architects process in the design. The site not only becomes a showcase of projects but also a tool for collecting inspiration and an ever changing active archive of the companys extensive portfolio.

    • Index
      01 / 03
      Caption
      Front page load and reveal
    • Index
      02 / 03
      Caption
      Main navigation
    • Index
      03 / 03
      Caption
      Individual project page with anchor navigation

  • Visual language

    Developing digital communication that also fuels and underlines the identity of a brand is essential. Using the digital platform as a starting point ensures that both physical and digital output and identity is in sync and can grow together to create strong brand value. Digital first does not mean digital only. The new website, web shop and visual identity for Laerke Andersen developed in collaboration with Sander Kuypers provides a playful yet coherent platform for the fashion brand. A fully formed visual world that reflects the brand and makes it possible to extract graphic elements directly from the website and adapt them to packaging, interior and print.

    • Index
      01 / 04
      Caption
      Image interaction
    • Index
      02 / 04
      Caption
      Collection overview scroll
    • Index
      03 / 04
      Caption
      Page transition
    • Index
      04 / 04
      Caption
      Call to action

  • Interactive information

    Handling great amounts of information is an enjoyable challenge and presents an opportunity to engage my analytical skills and overview. I see complex websites as a chance to employ digital way finding, introducing new ways of navigating through different sections, revealing necessary information at the right points and providing a compelling platform for changing demands and dynamic content. The new digital platform for Torvehallerne was done in collaboration with Double Projects, the redesign incorporates video, digital way finding, maps and filtering of the 60 stalls in this gastronomic mecca located in central Copenhagen through a dynamic, engaging and user friendly experience.

    • Index
      01 / 03
      Caption
      Front page load and reveal
    • Index
      02 / 03
      Caption
      Stall overview and dynamic map
    • Index
      03 / 03
      Caption
      Main navigation

  • Functional aesthetics

    Finding the right expression for function that underlines the content of the site and enables intuitive and uncomplicated user interaction is constantly present in my process. It involves many experiments with the aesthetics of function and how to best encourage users to keep exploring. This website for the artist duo PUTPUT seeks to accomplish just that, through colourful transitions between projects and dynamic elements the user becomes emerged in the visual universe that perpetuates the entire site whilst offering a wealth of information along the way.

    • Index
      01 / 04
      Caption
      Front page load and reveal
    • Index
      02 / 04
      Caption
      Individual project page transition
    • Index
      03 / 04
      Caption
      Contact overlay
    • Index
      04 / 04
      Caption
      Project overview page transition
Mail
Send an email
LinkedIn
LinkedIn

This selection of projects represents a few examples of recent work, I would be thrilled to show a more extensive portfolio at a personal meeting. Don’t be a stranger and let’s grab a coffee!