Colour Glow
A series exploring the process of art making by combining measured compositions based on the golden ratio with intuitive painting.
Circle composition based on the golden ratio
Schrodingers Cat: 01.09.15,19:36 | X/2
An exploration of the gap between art and science in topics of climate change. Exploring ocean acidification, scientific publications that are not read outside the academic community, deforestation, oil spills, technology, and limitations in communication.
On display at RE:Exhibition,
Audain Art Centre, Vancouver, BC
Hannah Arendt, 10' Vinyll display at Interurban Gallery, Vancouver, BC
With it as it is, Vinyll display at the AHVA Gallery, Vancouver, BC
Ocean Acidification, 6'x9', Oil, acrylic, and charcoal on canvas
Anthropocene, manually manipulated photographs,
mounted prints, 16"x24" each
A series of work exploring the process of art making by combining carefully measured compositions with intuitive painting.
Circling around questions of why, how, how long, when, why again, ratios, and the artist's truth.
-min.jpg)
{gui-kodachrome-glitch:rgba(0,0,255,0.1);}
{ indigo-projections: rgba(0,0,255,1); }
Projection of scanned hexcodes
on hand-dyed cotton
.gif)
{ indigo-projections: pixels; }
3 minute video of the projection piece becoming increasingly pixelated
.jpg)
.jpg)
{ indigo-projections: pixel-tapestries; }
Digital prints on cotton
Theory of Forms,
Immersive Space
Theory of Forms,
Immersive Space
Context
The Extension UI is updated every year to be more accessible and also keep up with current design trends.
Users were requesting larger buttons and more features. The first version didn't show the play bar when minimized, which meant more of the screen was covered if the user wanted to use the scrubbing feature.
Role:
Senior Product Designer
Timeline:
3 months for MVP.
Ongoing since 2021 for continuous improvements
Team:
Cross-functional team including design and marketing
Role:
Senior Product Designer
Timeline:
2 months for MVP.
New version deployed every year.
Team:
Cross-functional team including design and marketing
Context
The Extension UI is updated every year to be more accessible and also keep up with current design trends.
Users were requesting larger buttons and more features. The first version didn't show the play bar when minimized, which meant more of the screen was covered if the user wanted to use the scrubbing feature.
Role:
Senior Product Designer
Timeline:
3 months for MVP.
Ongoing since 2021 for continuous improvements
Team:
Cross-functional team including design and marketing
Design Updates
Added a glassmorphic effect, dark mode, speaker portraits, a quick start button and much larger buttons for easy access.
Automatically minimizing the extension after a certain listening time (adjustable in settings) made the listening experience seamless. The quickstart bar is very small, making it barely noticable. The goal was to make the extension more pleasant to use by making the experience very intuitive and non-intrusive to the actual content listening experience.
.gif)
Design Challenge
WCAG contrast checkers do not take opacity and visual effects into account, making it necessary to manually test accessibility for glassmorphism to avoid flashing backgrounds on autoscroll while listening.
Role: Product Designer
Timeline: 3 months in 2022, Redesign in 2024
Additions and updates as required
View live version
Context
NaturalReader is an A.I. text to speech app that converts written text into spoken words. It is primarily used for reading accessibility, listening on the go, and for boosting productivity.
Problem
Having a single page web app with basic text-to-speech functionality wasn't enough to meet the requirements for all of our users.
The single page web app needed to be developed into a larger scale responsive app. There was a range of users utilizing the reader for different purposes, all requiring different features. The latest technologies in text to speech software had to be included in the new design.
Solution and Design Focus
A cross-platform responsive app with cutting-edge features, specifically designed for various groups, created value-driven business success.
The main design focus was to make the interface more minimal and intuitive while adding many complex new features.
UX Wireframes
User Flows
Changing the user flows allowed new users to try the app without having to log in. Premium features would still require signing up.
User Interface
The UI designs for Text View and PDF View with closed captions and text highlight enabled.The Immersive reading view allows users to convert PDF's to text view for optimized accessibility.
Case study coming soon.
Context
The existing products at NaturalReader in 2021 had been created by different designers working separately, resulting in a lack of brand cohesion.
Colourful illustrations, minimalist UI, and single colour gradients were all being used. While everything worked separately, we wanted it to be more recognizable as a brand and have consistency in the UI
Short video introducing NaturalReader's basic features
Design Strategy - memorability
A.I. generated portraits to match the LLM/A.I. voices would help users connect with them and increase memorability.
This was done in an inclusive way to ensure representation and avoid stereotypes. I generated over 200 unique A.I. portraits.
Adding New Features - Dyslexia Font, OCR, More Listening Speeds
Adding features for accessibility such as dyslexia friendly font, enlarged text, dark mode, and adjustable reading speeds would cater to a wide range of users. I also created hundreds of images for marketing.
I also worked on designs for other settings like hotkeys, a reading timer, a pronunciation editor, drive mode, search and replace, bookmarks and many more.
Adding New Features - Voice Cloning and Community Voices
Voice cloning lets users quickly clone their own voice. One of the design considerations was adding a community feature to incentivize users to share their voice publicly.
Another consideration was ensuring users only used their own voices and adding a note on the first screen to let them know. There's also a consent screen for them to sign digitally.
Short Video Introducing NaturalReader's Main Features
Conclusion - Impact
Including customizable accessibility features, and adding cutting edge technology into a responsive, user-centred app design, led to a significant increase in paid subscriptions, app downloads, and daily users.
Check out the Figma slide deck below for a deep dive into the process of designing the app and some of the redesigns after the launch.
Click the top right corner to expand.
.jpg)
Check out the Figma slide deck below for a deep dive into the process of redesigning the Chrome extension in 2022 and 2023.
Click the top right corner to expand.
Melt, Negatives in Ice
Film gets distorted as the ice melts
%201.jpg)