marcus bernales
disciple of Jesus | husband | engineer
portfolio
totum technologies
ila lantern
Ila is the lantern built for moments of connection. It has been in active development since 2020.
totum technologies
ila lantern
Ila is the lantern built for moments of connection. It has been in active development since 2020.
The lantern is designed to deliver best in class battery life, brightness, and resilience.
The lantern is designed to deliver best in class battery life, brightness, and resilience.
Battery Life at Max Brightness
Maximum Brightness (lumens)
Waterproof Trial (Rose Valley Falls)
I'm working on this project in tandem with my good friend, co-founder, and electrical engineer. I am responsible for product management, industrial design, UI/UX, and firmware and mobile app.
I'm working on this project in tandem with my good friend, co-founder, and electrical engineer. I am responsible for product management, industrial design, UI/UX, and firmware and mobile app.
First Use Tutorial
We found that early customers had issues changing the brightness. The purpose of this tutorial is to teach customers how to use Ila Lantern's touch button in an engaging and interactive way. The React Native app subscribes to changes to the device's state via Bluetooth Low Energy characteristic notifications.
Lantern Control Page
This page allows customers to change their lantern's brightness by moving the control or by scrolling the number readout. The UI reflects the power state of the light and changes in real-time when the physical product changes its power state or brightness.
redeemer's church ventura
redeemer's community
The community app for Redeemer's Church Ventura. This project was started to solve a need for Redeemer's Church Ventura during COVID.
redeemer's church ventura
redeemer's community
The community app for Redeemer's Church Ventura. This project was started to solve a need for Redeemer's Church Ventura during COVID.
At the time, prayer requests were being submitted and received by hand. The solution was to digitize the entire process to keep both staff and congregants as safe as possible.
At the time, prayer requests were being submitted and received by hand. The solution was to digitize the entire process to keep both staff and congregants as safe as possible.
Today, congregants use the app to watch sermons, receive announcements, and to view prayer requests.
Today, congregants use the app to watch sermons, receive announcements, and to view prayer requests.
I'm responsible for product discovery, UI/UX design, and for implementing the congregant mobile apps, as well as the staff's management system. This app is implemented using Ruby on Rails, React Native, Nextjs, Postgres, and Twilio.
I'm responsible for product discovery, UI/UX design, and for implementing the congregant mobile apps, as well as the staff's management system. This app is implemented using Ruby on Rails, React Native, Nextjs, Postgres, and Twilio.
totum technologies
odyssey journal
The private, encrypted journal for one's walk with God. The purpose of this app was to streamline three things: recording, recalling, and reflecting on life's memories.
totum technologies
odyssey journal
The private, encrypted journal for one's walk with God. The purpose of this app was to streamline three things: recording, recalling, and reflecting on life's memories.
Odyssey is implemented using React Native, Firebase, the compromise NLP library, and Nextjs.
Odyssey is implemented using React Native, Firebase, the compromise NLP library, and Nextjs.
Weekly Dashboard
The purpose of the dashboard view is to help the voyager discern the things on their mind that week. The dashboard uses NLP to surface the people and ideas journaled about.
Record View
The record view was optimized for speed of entry. Journal entries can contain text, images, and audio. All entries are automatically augmented with the current location.
Journal Entries
The voyager's entries are presented in a chronological list starting with the most recent entry. Bible verses are automatically identified and tapping on the verse pulls up a modal with the Scripture referenced.
procore technologies
prequalification
A single platform for assessing a company’s risk, putting together a plan, and inviting them onto construction projects.
procore technologies
prequalification
A single platform for assessing a company’s risk, putting together a plan, and inviting them onto construction projects.
This product was the first of Procore's Preconstruction product line. With a fully configurable, multi page form with complex inputs, multiple personas, and a high number of screens spanning three products - Prequalification was one of the most complex UIs in the entire suite of construction management products at the time.
This product was the first of Procore's Preconstruction product line. With a fully configurable, multi page form with complex inputs, multiple personas, and a high number of screens spanning three products - Prequalification was one of the most complex UIs in the entire suite of construction management products at the time.
I lead a team of three frontend software engineers and two interns to implement this product from the ground up. This product was implemented using Ruby on Rails, React, React Router, and Mobx state tree.
I lead a team of three frontend software engineers and two interns to implement this product from the ground up. This product was implemented using Ruby on Rails, React, React Router, and Mobx state tree.
procore technologies
bid management
A single platform for creating bid packages, expanding bid coverage, analyzing bids, and converting bids to subcontracts.
procore technologies
bid management
A single platform for creating bid packages, expanding bid coverage, analyzing bids, and converting bids to subcontracts.
This product was originally a free offering when clients purchased Procore's construction financials product line. My team was responsible for modernizing the UI prior to selling the product as a standalone offering.
This product was originally a free offering when clients purchased Procore's construction financials product line. My team was responsible for modernizing the UI prior to selling the product as a standalone offering.
I was responsible for frontend architecture and implementation. I lead one frontend engineer and one intern. Bid Management is implemented using Ruby on Rails, React, React Router, and redux.
I was responsible for frontend architecture and implementation. I lead one frontend engineer and one intern. Bid Management is implemented using Ruby on Rails, React, React Router, and redux.
We redesigned the entire product as a single page application in under a year and it brought in $7M in ARR within 7 months.
We redesigned the entire product as a single page application in under a year and it brought in $7M in ARR within 7 months.