EHS
Environment Health and Safety
Since 2013 delivered, implemented and developed till now
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Gambit
Intro
Gambit is BIM for web development. It aims to solve the designer-developer conflict by providing a cohesive set of independent tools, tailored specifically to each role in the project. What is BIM? Building Information modeling is an intelligent, model-based process that provides insight for creating and managing building and infrastructure projects faster, more economically, and with less environmental impact.
Background
About
Gambit is BIM for web development. It aims to solve the designer-developer conflict by providing a cohesive set of independent tools, tailored specifically to each role in the project.
What is BIM? Building Information modeling is an intelligent, model-based process that provides insight for creating and managing building and infrastructure projects faster, more economically, and with less environmental impact.
Core info
Team size
End users
• Web developers
• Digital agenicies
• Startups
• Teams
Role
• Product Designer
• UI Designer
• UX Designer
• Animator
Business requirements
• Identify pain points in the existing workflow and propose a new approach
• Establish revenue model
Tasks
• Define a business model
• Establish a marketing strategy
• Market research
• Establish MVP
• Interviews with potential end-users
• Collect feature requirements
Market
EHS
Environment Health and Safety
Since 2013 delivered, implemented and developed till now
Study
Editor wireframes | 2016
Project data
Project challenges
• Design no-code tool for creators
• Define all cross interactions in the development team
• Define and design all supporting applications
• Keep consistency across all apps
Competitors
• Wix
• Webflow
Resources / Knowledge base
• Material Design
• Apple Human Interface Guidelines
• Youtube
• Smashing Magazine
• Medium
Used tools
• Adobe Photoshop
• Adobe Illustrator
• Adobe After Effects
Gambit page editor concept | 2016
Gambit Workflow promo movie| 2016
Research
- There are no tools for web designers and for cooperation with programmers
- Large market but not well developed
- Lack of understanding of web design
- Editors on the market require coding knowledge or were too trivial
- Editors were not adapted to RWD
- Market solutions did not support CMSs
- Despite the known solutions with development tools, editors, none of the parties does not have a version control
- The only solution that partially matched the idea was from a different industry
Pain points
- Creation of the platform architecture
- Lack of good practice from the market, which could shape the project
- Small team
- The complexity of the project was difficult for the recipient to understand, and the analogies used trivialized the problem that could be solved
Work with all kinds of content 3
From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.
Features
Web editor
The graphic editor allows you to create digital products without coding
Version control
The system has GIT based version control
Styling
The blocks are linked to the style app that was connected as a Briefbook.
Instant CMS
Each block has in itself the business logic, which is connected to bilateral communication with the CMS system
Summary Gambit
Despite the great commitment and hundreds of hours of work on the board, notebooks, code editor and graphic editors, we managed to create a residual prototype of the application. The resulting components were tested on some websites that we were implementing at that time as a team of freelancers. The project turned out to be too big for such a small team, but we did not give up on the need for such a tool, and changed our approach to work.
From the set of many modules that were to constitute the platform, we distinguished the key ones in order to extract those that have a chance of the fastest monetization.
We've done what's known in startup manuals as a pivot to keep going on our big project.
Deliverables
- MVP
- Unified design systems for the platform
- Tons of editor prototypes
- Promo movie (my first and list after effects project)
- Market and competition analysis
- User interviews
Results
- MVP has been on implementing our business partner from a group of Fortune 500
- Work on Gambit resulted in the creation of a framework that will be used in future projects
Work with all kinds of content 3
From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.
EHS
Environment Health and Safety
Since 2013 delivered, implemented and developed till now
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Briefbook.ai
Intro
The BriefBook app aims to solve the problem of countless iterations faced by designers. In our experience this problem starts at the very beginning of any project - the briefing phase. Over 50% of these are carried out over the phone with not even a single note being taken. This leads to serious discrepancies between the client’s vision and the final design.
We solve this by streamlining the briefing process and providing an objective point of reference. The BriefBook app allows you to quickly extract design principles from references provided by the client and present preliminary designs in the form of mood elements. You can then adjust these designs live based on client feedback. Once you’re done, you’re left with a mood board - an objective point of reference for further work that both you and your client agree on.
Core info
Year
End users
• Designers
• Product owners
• Startup founders
Role
• Product designer
Team size
Tasks
• Prepare the user interface
• Improve the mathematical way of describing the "design"
• Designing a database of elements representing the company's guide style
Market
EHS
Environment Health and Safety
Since 2013 delivered, implemented and developed till now
Study
Project data
Project challenges
• Describing what factors influence the project
Competitors
• Wix ADI
• thegrid.io
Resources / Knowledge base
• stylifyme.com
• HSL color model
Used tools
• Sketch App
• InVision
• Abstract
• Google Slides
• Google Sheets
• Google Docs
Briefbook.ai first prototype | 2016
Summary Briefbook
After contacting over 100 designers around the world, it can be said that the idea of the project was received positively. Each respondent confirmed a defined problem at the outset - designers are required to read the customer's mind - and some deal with it better, others worse.
The design itself remained in the early prototype phase that was shown above. During the interviews, I had the opportunity to talk about generative design with Adrian Shaughnessy, who noted that this will be the future of design.