_WF—Horizontal—Gif-Small

Wikifactory is an end-to-end ecosystem for product designers, engineers and manufacturers that brings together Cloud PDM and CAD Rooms to directly interface with an online manufacturing Marketplace.

 Users can produce parts and assemblies with quality-assured manufacturers and expert engineering support, all from the same platform.

Wikifactory is an end-to-end ecosystem for product designers, engineers and manufacturers that brings together Cloud PDM and CAD Rooms to directly interface with an online manufacturing Marketplace.

 Users can produce parts and assemblies with quality-assured manufacturers and expert engineering support, all from the same platform.

Wikifactory is an end-to-end ecosystem for product designers, engineers and manufacturers that brings together Cloud PDM and CAD Rooms to directly interface with an online manufacturing Marketplace.

 Users can produce parts and assemblies with quality-assured manufacturers and expert engineering support, all from the same platform.

Wikifactory is an end-to-end ecosystem for product designers, engineers and manufacturers that brings together Cloud PDM and CAD Rooms to directly interface with an online manufacturing Marketplace.

 Users can produce parts and assemblies with quality-assured manufacturers and expert engineering support, all from the same platform.

_ANIM3

What I Did as Head of Design and User Experience:

  • Define and guide projects at a strategic level together with C-level members, Heads of Product, Marketing & Marketplace.  
  • Drive and lead the design and UX vision into the whole product.
  • Responsible in planning, executing and delivering user-centred design solutions.
  • Developing a Visual Language and escalating the brand architecture to the whole company ecosystem.
  • Bridging the gap between design, development and engineering.

What I Did as Head of Design and User Experience:

  • Define and guide projects at a strategic level together with C-level members, Heads of Product, Marketing & Marketplace.  
  • Drive and lead the design and UX vision into the whole product.
  • Responsible in planning, executing and delivering user-centred design solutions.
  • Developing a Visual Language and escalating the brand architecture to the whole company ecosystem.
  • Bridging the gap between design, development and engineering.

What I Did as Head of Design and User Experience:

  • Define and guide projects at a strategic level together with C-level members, Heads of Product, Marketing & Marketplace.  
  • Drive and lead the design and UX vision into the whole product.
  • Responsible in planning, executing and delivering user-centred design solutions.
  • Developing a Visual Language and escalating the brand architecture to the whole company ecosystem.
  • Bridging the gap between design, development and engineering.

What I Did as Head of Design and User Experience:

  • Define and guide projects at a strategic level together with C-level members, Heads of Product, Marketing & Marketplace.  
  • Drive and lead the design and UX vision into the whole product.
  • Responsible in planning, executing and delivering user-centred design solutions.
  • Developing a Visual Language and escalating the brand architecture to the whole company ecosystem.
  • Bridging the gap between design, development and engineering.

What I Did as Head of Design and UX:

  • Define and guide projects at a strategic level together with C-level members, Heads of Product, Marketing & Marketplace.
  • Drive and lead the design and UX vision into the whole product.
  • Responsible in planning, executing and delivering user-centred design solutions.
  • Developing a Visual Language and escalating the brand architecture to the whole company ecosystem.
  • Bridging the gap between design, development and engineering.
Manufactoruing-Flows-V2

Busniess, Design, Development & Operations.

From Prototyping to Implementation. Mapping out each and every step—from entry point right through to the final interaction.

BizDevOps approach knocks down the silo walls and fundamentally changes the way SAAS tools are developed. In this approach, not only does the business team set requirements, we worked together with them to set priorities for agile sprints and backlogs, solve problems and achieve business goals. 

Busniess, Development & Operations.

From Prototyping to Implementation. Mapping out each and every step—from entry point right through to the final interaction.

BizDevOps approach knocks down the silo walls and fundamentally changes the way SAAS tools are developed. In this approach, not only does the business team set requirements, we worked together with them to set priorities for agile sprints and backlogs, solve problems and achieve business goals.

Busniess, Development & Operations.

From Prototyping to Implementation. Mapping out each and every step—from entry point right through to the final interaction.

BizDevOps approach knocks down the silo walls and fundamentally changes the way SAAS tools are developed. In this approach, not only does the business team set requirements, we worked together with them to set priorities for agile sprints and backlogs, solve problems and achieve business goals. 

Busniess, Development & Operations.

From Prototyping to Implementation. Mapping out each and every step—from entry point right through to the final interaction.

BizDevOps approach knocks down the silo walls and fundamentally changes the way SAAS tools are developed. In this approach, not only does the business team set requirements, we worked together with them to set priorities for agile sprints and backlogs, solve problems and achieve business goals. 

Busniess, Development & Operations.

From Prototyping to Implementation. Mapping out each and every step—from entry point right through to the final interaction.

BizDevOps approach knocks down the silo walls and fundamentally changes the way SAAS tools are developed. In this approach, not only does the business team set requirements, we worked together with them to set priorities for agile sprints and backlogs, solve problems and achieve business goals. 

P

Visual Language & Brand Architecture

 

Developing a Visual Toolbox that speaks for itself and escalating the brand to the whole company ecosystem. 

Visual Language & Brand Architecture

 Developing a Visual Toolbox that speaks for itself and escalating the brand to the whole company ecosystem. 

Visual Language & Brand Architecture

 Developing a Visual Toolbox that speaks for itself and escalating the brand architecture to the whole company ecosystem. 

Visual Language & Brand Architecture.

Developing a Visual Toolbox that speaks for itself and escalating the brand to the whole company ecosystem. 

Visual Language & Brand Architecture.

Developing a Visual Toolbox that speaks for itself and escalating the brand architecture to the whole company ecosystem. 


1Frame 741
2Frame 738
3Frame 743
4Frame 744
Wf
Section-5—Community-Banner

The Viewer

 From Design to Engineering.

The Viewer

 From Design to Engineering. 

The Viewer

 From Design to Engineering.

 

The Viewer

 From Design to Engineering. 

The viewer.

From Design to Engineering.

A collaborative CAD Viewer that visualises over 30 CAD formats directly in the browser; makes sharing work across departments and organisational boundaries a breeze.

 Keeping operations, sales and marketing departments in the loop is critical, yet border-line impossible with traditional PLM tools – causing engineers to fall back to endless and inefficient communication workflows. CAD Rooms provide real-time environment that makes collaboration around 3D files as easy as 123.

 A collaborative CAD Viewer that visualises over 30 CAD formats directly in the browser; makes sharing work across departments and organisational boundaries a breeze.

 Keeping operations, sales and marketing departments in the loop is critical, yet border-line impossible with traditional PLM tools – causing engineers to fall back to endless and inefficient communication workflows. CAD Rooms provide real-time environment that makes collaboration around 3D files as easy as 123.

A collaborative CAD Viewer that visualises over 30 CAD formats directly in the browser; makes sharing work across departments and organisational boundaries a breeze.

 Keeping operations, sales and marketing departments in the loop is critical, yet border-line impossible with traditional PLM tools – causing engineers to fall back to endless and inefficient communication workflows. CAD Rooms provide real-time environment that makes collaboration around 3D files as easy as 123.


_wikifactory-CAD-Tool-2-Geometry-Explorer-800px
_wikifactory-CAD-Tool-4-Solid-view-800px
_WFezgif.com-gif-maker-invite

Built-in CAD Rooms are all about accelerating product development lifecycle by connecting engineering teams, departments and clients in an agile way. The Viewer Improves CAD design with real-time feedback, storing and managing files without having to worry about storage space or format types. 



Built-in CAD Rooms are all about accelerating product development lifecycle by connecting engineering teams, departments and clients in an agile way. The Viewer Improves CAD design with real-time feedback, storing and managing files without having to worry about storage space or format types. 


Built-in CAD Rooms are all about accelerating product development lifecycle by connecting engineering teams, departments and clients in an agile way. The Viewer Improves CAD design with real-time feedback, storing and managing files without having to worry about storage space or format types. 

Built-in CAD Rooms are all about accelerating product development lifecycle by connecting engineering teams, departments and clients in an agile way. The Viewer Improves CAD design with real-time feedback, storing and managing files without having to worry about storage space or format types. 

Built-in CAD Rooms are all about accelerating product development lifecycle by connecting engineering teams, departments and clients in an agile way. The Viewer Improves CAD design with real-time feedback, storing and managing files without having to worry about storage space or format types. 


_wikifactory-CAD-Tool-3-Chat-800px
_wikifactory-CAD-Tool-5-Geometry-Finder-800px
voxel white-2

The design system is the building blocks of our application.
As a brand, it represents Wikifactory in the developer community and could help the company stand out from the crowd.

The design system is the building blocks of our application.
As a brand, it represents Wikifactory in the developer community and could help the company stand out from the crowd.

The design system is the building blocks of our application. As a brand, it represents Wikifactory in the developer community and could help the company stand out from the crowd.

Screenshot 2022-12-15 at 12.38 2
_design system black

WF—VOXEL UI


A voxel, also known as a 3D pixel, represents a value on a regular grid in three-dimensional space. As with pixels in a 2D bitmap.

All individual voxels are the same size, however can then be combined in the same grid at different positions with different colors to create what is known as a voxel model.

As is the case for voxels, having a design and component system that is re-usable, scalable and well documented is the holy grail for designers, developers and engineers. That's what we strived towards.

Having a design and component system that is re-usable, scalable and well documented, that can be open sourced and well adopted is the holy grail for UI designers and engineers, and something we strived towards.

WF—VOXEL UI

A voxel, also known as a 3D pixel, represents a value on a regular grid in three-dimensional space. As with pixels in a 2D bitmap.

All individual voxels are the same size, however can then be combined in the same grid at different positions with different colors to create what is known as a voxel model.

As is the case for voxels, having a design and component system that is re-usable, scalable and well documented is the holy grail for designers, developers and engineers. That's what we strived towards.

WF—VOXEL UI

A voxel, also known as a 3D pixel, represents a value on a regular grid in three-dimensional space. As with pixels in a 2D bitmap.

All individual voxels are the same size, however can then be combined in the same grid at different positions with different colors to create what is known as a voxel model.

As is the case for voxels, having a design and component system that is re-usable, scalable and well documented is the holy grail for designers, developers and engineers. That's what we strived towards.

Having a design and component system that is re-usable, scalable and well documented, that can be open sourced and well adopted is the holy grail for UI designers and engineers, and something we strived towards.

Frame 727
F2
Frame 729
Frame 730
_Icons-Gif-black
Frame 302
Frame 301
Frame 307
_wf1
_wf2
Group 2641

Wikifactory tech stack:

Backend: GoLand, Python.
Frontend: JavaScript, React.
3D: C++, Wazen, WebGL.
Infrastructure: AliCloud – AWS
Database: PostSquares, DGraph, graphQL
UX: Figma
Communication: Slack
PM: Clickup
Documentation: Notion

Wikifactory tech stack:

Backend: GoLand, Python.
Frontend: JavaScript, REACT
3D: C++, Wazen, WebGL.
Infrastructure: AliCloud – AWS
Database: PostSquares, DGraph, graphQL
UX: Figma
Communication: Slack
PM: Clickup
Documentation: Notion

Wikifactory tech stack:

Backend: GoLand, Python.
Frontend: JavaScript, React.
3D: C++, Wazen, WebGL.
Infrastructure: AliCloud – AWS
Database: PostSquares, DGraph, graphQL
UX: Figma
Communication: Slack
PM: Clickup
Documentation: Notion

Wikifactory tech stack:

Backend: GoLand, Python.
Frontend: JavaScript, REACT
3D: C++, Wazen, WebGL.
Infrastructure: AliCloud – AWS
Database: PostSquares, DGraph, graphQL
UX: Figma
Communication: Slack
PM: Clickup
Documentation: Notion

_WF-2—Motion-Loop

More Projects

Dynamic UncertaintiesAR Exhibition

Seequenz.meProduct Design

INVISIBLE CITIES — ARAugmented Reality App

valantic360° Brand / Strategy / UX

ContiamoBrand & UX

Teatro do Bairro AltoBrand & Visual System

EIDOSCreative Strategy

RandomSmall Commissions

E.onUI / UX Design

RIOBrand, Product & Service Design

KamcoUI / UX Design

Raeioul - Kate & MintMotion Design

Adidas OriginalsTextile & Pattern Design

Brand ArchitectureProduct & Industrial Design

instagram-16_w_w

Raul Rey © 2020