Heads or Tails

octobre 2014
Heads or Tails
Description

Actiegericht ontwikkelde een volledige website voor Heads or Tails

Heads or Tails

octobre 2014
Description

Actiegericht ontwikkelde een volledige website voor Heads or Tails

Détails de la réalisation
work
Client
Heads or Tails
place
Localisation
Flandre Orientale
business
Secteur du client
Accessoires & vêtements
people
Audience
Business to Consumer
public
Portée géographique
Local
settings
Services proposés
Développement web
A la recherche d'une agence fournissant le même type de service ?Lancer un projet

Réalisations crées par d'autres agences

Jetez un oeil aux dernières réalisations publiées sur Sortlist.
Fullup - App & Web dev

Fullup - App & Web dev

octobre 2017
octobre 2017

Fullup - App & Web dev

FullUp est une startup qui commercialise des jauges à liquide (eau, mazout, huiles) connectées (IoT), ainsi que les services qui y sont liés.

https://fullup.be/

Image de marque & branding
Ergonomie (UX/UI)
E-commerce
Application web
Création de site internet
Design & graphisme
Application mobile
Website for Buzzooka

Website for Buzzooka

avril 2018
avril 2018

Website for Buzzooka

https://buzzooka.be

Buzzooka is a new influencer marketing platform founded by Hanne Troonbeeckx. Influencers are individuals who have the ability to influence opinions or buying decisions of today's consumers. Buzzooka makes it a breeze for brands to set campaigns, track campaign results and reward influencers for their efforts. 

Want to become an influencer yourself? Download the app and discover brands you can team up with.

Ergonomie (UX/UI)
Application web
Glow

Glow

mai 2018
mai 2018

Glow

Application web
Application mobile
Helping StepStone harmonize all its products

Helping StepStone harmonize all its products

juillet 2016
juillet 2016

Helping StepStone harmonize all its products

StepStone’s internal design team had one main problem: keeping their products’ designs consistent. They also wanted to accelerate their process and reduce the differences between what was designed and what was implemented by developers.

We helped StepStone tackle these challenges by co-creating a design system with them.

Patterns create consistency

Have you ever seen a kid play in the sand with molds? Sand castles get destroyed as fast as they’re built. By using plastic towers, walls, and gatehouses, kids can create dozens of different sand castles without worrying about how to create each component. They just fill up their mold with moist sand, flip it over and tada!

A similar kind of magic operates when designers use design systems. A design system is a set of tools that allows digital designers to quickly create webpages and views. Thanks to ready-made components (e.g. grids, buttons, forms, and more complex custom components), they can test different information architectures and flows without “wasting” any time on creating the individual components.

To save StepStone’s team as much time as possible, and to align their design and development efforts, we created a design system made up of 3 main parts:

  • A visual pattern library in Sketch: a library of visual components. All we have is pixels here, no code. It allows designers to explore different design options quickly. It is supposed to be the single reference for all design patterns.
  • A pattern library in code: a coded version of the Sketch library. All the elements are created using programming languages such as HTML, (S)CSS and JS. They can then be used directly in the prototyping environment.
  • A prototyping environment: it allows designers to quickly create responsive prototypes using code. It also makes it much easier to work with content in multiple languages.

Creating the pattern library in Sketch

With StepStone’s design team, we made an audit of all the major user interface (UI) patterns and components in their online products. We then created a single Sketch file documenting them all.

When designers deal with several products and product owners every week, having a single set of design guidelines in the form of a centralized pattern library helps a lot. Designers can simply take a button from the library and stick it into their mockup. The result is a branded and realistic prototype that will yield reliable results when tested with users.

From Sketch to code

In parallel, we created a responsive library of components using code. Thanks to this code library, designers can test their ideas directly in the browser and include states, animations and interactions that are impossible to display using static prototyping tools like InVision. They can also try out their ideas on various devices with different screen sizes to see how they behave.

The prototyping environment

Using a handful of open source tools (Jekyll, NPM and Gulp), we built a prototyping environment that loads StepStone’s component library and gives the design team the ability to quickly generate responsive web views by using a simple templating language (Liquid). With that environment in place, designers can painlessly create templates for commonly used layouts and quickly build fully responsive views using components from the pattern library. They can also easily import data files and integrate translations of copy.

The results

With their new design system, StepStone’s team can quickly create consistent products across all devices. Having a common visual language eliminates any disagreements on how a component should look. Now, StepStone’s designers and developers can dedicate 100% of their attention to tackling other challenges, knowing that they can rely on their pattern libraries and prototyping environment.

Ergonomie (UX/UI)
Application web
Website voor Slaets Juwelen & Horloges

Website voor Slaets Juwelen & Horloges

août 2017
août 2017

Website voor Slaets Juwelen & Horloges

Slaets is al sinds 1904 een gevestigde waarde in de Antwerpse juwelen- en horlogesector. Als verdeler van exclusieve merken zoals Cartier, Panerai en Jaeger-LeCoultre, is de website opgevat als een stijlvolle introductie tot het gamma.

De website werd begin 2017 volledig vernieuwd, kreeg een responsive webdesign, een interactief magazine en een geïntegreerde blog. Hij zal verder uitgebreid worden met e-commerce functionaliteit.

Ergonomie (UX/UI)
Stratégie de contenu
Application web
Création de site internet
Design & graphisme
Référencement naturel

Laissez-nous vous guider vers la bonne agence

Du web design aux campagnes de pub, nous vous guidons vers les agences qui répondent à vos besoins et budget. Comparez-les et sélectionnez celle qui vous convient le mieux.

J'ai besoin d'une agence

100 % gratuit - Les frais sont pris en charge par les agences voulant collaborer avec vous.