Julong Design

Launching award winning campaigns

An award-winning film was produced for their new brand vision, ‘sustainable living together’, the Achmea way. A small group of stakeholders was invited to participate in three workshops to understand, define and ideate on a suitable approach to align the digital strategy with Achmea’s mandate. Context-mapping and a concept car concluded in showcasing their commitment through a brand-new series of microsites.

Launching award winning campaigns

An award-winning film was produced for their new brand vision, ‘sustainable living together’, the Achmea way. A small group of stakeholders was invited to participate in three workshops to understand, define and ideate on a suitable approach to align the digital strategy with Achmea’s mandate. Context-mapping and a concept car concluded in showcasing their commitment through a brand-new series of microsites.

Launching award winning campaigns

An award-winning film was produced for their new brand vision, ‘sustainable living together’, the Achmea way. A small group of stakeholders was invited to participate in three workshops to understand, define and ideate on a suitable approach to align the digital strategy with Achmea’s mandate. Context-mapping and a concept car concluded in showcasing their commitment through a brand-new series of microsites.

Collage of brand vision foundation

Collage of brand vision foundation

Collage of brand vision foundation

Starting small and thinking big

Based on the gathered input in the workshops, I started experimenting through early sketches and wireframes. Followed by sparring with my UX/Service Designer partner to bounce off ideas for the foundational set of components and patterns. Lo-fidelity sketches and wireframes were plotted on matrices and combined in different variations as a ‘taste menu' on how they could be combined. The initial iterations helped inform and inspire more high-fidelity work.

Starting small and thinking big

Based on the gathered input in the workshops, I started experimenting through early sketches and wireframes. Followed by sparring with my UX/Service Designer partner to bounce off ideas for the foundational set of components and patterns. Lo-fidelity sketches and wireframes were plotted on matrices and combined in different variations as a ‘taste menu' on how they could be combined. The initial iterations helped inform and inspire more high-fidelity work.

Starting small and thinking big

Based on the gathered input in the workshops, I started experimenting through early sketches and wireframes. Followed by sparring with my UX/Service Designer partner to bounce off ideas for the foundational set of components and patterns. Lo-fidelity sketches and wireframes were plotted on matrices and combined in different variations as a ‘taste menu' on how they could be combined. The initial iterations helped inform and inspire more high-fidelity work.

First of themed microsite series

First of themed microsite series

First of themed microsite series

Iterating on reusable components

In order to bridge the gap between the user experience and visual design, I worked with brand designers to iterate on different ways of convergence towards a microsite that loads the brand and emotion, but also has high usability standards. Followed by collaborating with developers to help secure the pixel-perfect quality of and final touches on production. As a result, we launched from a robust storybook library that invites sustainable, continuous development.

Iterating on reusable components

In order to bridge the gap between the user experience and visual design, I worked with brand designers to iterate on different ways of convergence towards a microsite that loads the brand and emotion, but also has high usability standards. Followed by collaborating with developers to help secure the pixel-perfect quality of and final touches on production. As a result, we launched from a robust storybook library that invites sustainable, continuous development.

Iterating on reusable components

In order to bridge the gap between the user experience and visual design, I worked with brand designers to iterate on different ways of convergence towards a microsite that loads the brand and emotion, but also has high usability standards. Followed by collaborating with developers to help secure the pixel-perfect quality of and final touches on production. As a result, we launched from a robust storybook library that invites sustainable, continuous development.

Collection of design system assets

Collection of design system assets

Collection of design system assets

Scaling the component library

After the release of the microsites, I was invited as 1st designer to set things up for the inception of their brand-new design system. Synthesising both old and new work to shape a foundation that early product teams can utilise to help build new digital product that serves Achmea’s mandate. Under strict timelines, I analysed existing media libraries, converted assets, retouched icons, and published the first component libraries in Figma.

Scaling the component library

After the release of the microsites, I was invited as 1st designer to set things up for the inception of their brand-new design system. Synthesising both old and new work to shape a foundation that early product teams can utilise to help build new digital product that serves Achmea’s mandate. Under strict timelines, I analysed existing media libraries, converted assets, retouched icons, and published the first component libraries in Figma.

Scaling the component library

After the release of the microsites, I was invited as 1st designer to set things up for the inception of their brand-new design system. Synthesising both old and new work to shape a foundation that early product teams can utilise to help build new digital product that serves Achmea’s mandate. Under strict timelines, I analysed existing media libraries, converted assets, retouched icons, and published the first component libraries in Figma.

Defined guidelines & standards

Defined guidelines & standards

Defined guidelines & standards

From fuzzy front-end to handover

In order to successfully hand over not only the Storybook and Figma libraries but also the ideas and decisions behind them, I documented most work. Firstly, the foundational work is so that the borders of optimisation and further development become clearer. Secondly, on different levels in Brad Frost’s ‘atomic design model’. As a result, the categories became four living documents in which both designers and developers come together.

From fuzzy front-end to handover

In order to successfully hand over not only the Storybook and Figma libraries but also the ideas and decisions behind them, I documented most work. Firstly, the foundational work is so that the borders of optimisation and further development become clearer. Secondly, on different levels in Brad Frost’s ‘atomic design model’. As a result, the categories became four living documents in which both designers and developers come together.

From fuzzy front-end to handover

In order to successfully hand over not only the Storybook and Figma libraries but also the ideas and decisions behind them, I documented most work. Firstly, the foundational work is so that the borders of optimisation and further development become clearer. Secondly, on different levels in Brad Frost’s ‘atomic design model’. As a result, the categories became four living documents in which both designers and developers come together.

Atomic design, adopted from Brad Frost

Atomic design, adopted from Brad Frost

Atomic design, adopted from Brad Frost

Learnings

What I've learned is the importance of end-to-end collaboration. To bridge every step from idea to launch, cross-functional collaboration is necessary; people blur the boundaries between disciplines and commit to a shared goal, plan or vision. Because our previous work was relevant from a strategic perspective, it formed the basis for achmea.nl and the subsequent subsites.

Learnings

What I've learned is the importance of end-to-end collaboration. To bridge every step from idea to launch, cross-functional collaboration is necessary; people blur the boundaries between disciplines and commit to a shared goal, plan or vision. Because our previous work was relevant from a strategic perspective, it formed the basis for achmea.nl and the subsequent subsites.

Learnings

What I've learned is the importance of end-to-end collaboration. To bridge every step from idea to launch, cross-functional collaboration is necessary; people blur the boundaries between disciplines and commit to a shared goal, plan or vision. Because our previous work was relevant from a strategic perspective, it formed the basis for achmea.nl and the subsequent subsites.