UI/UX

Even in the age of social media and smartphones, a responsive web-based online presence is vital to the credibility of any business. In the same way, only effective mobile app design can compete against a heavily saturated landscape of tech start ups. UI/UX design indeed must be clean and aesthetically pleasing, unified in product identity, but moreover, even more importantly, consider functionality, usability, user-friendliness, architectural and structural logic, user engagement and reward at every level, object, template, and data oriented design for developer implementation. Successful UI/UX designers are supported by research, testing, analytics, and iterative collaborative approaches.

UI/UX

Even in the age of social media and smartphones, a responsive web-based online presence is vital to the credibility of any business. In the same way, only effective mobile app design can compete against a heavily saturated landscape of tech start ups. UI/UX design indeed must be clean and aesthetically pleasing, unified in product identity, but moreover, even more importantly, consider functionality, usability, user-friendliness, architectural and structural logic, user engagement and reward at every level, object, template, and data oriented design for developer implementation. Successful UI/UX designers are supported by research, testing, analytics, and iterative collaborative approaches.

Case studies

Case studies

Tami

*Under a NDA, only some details may be provided.

My Role:
Marketing, Branding, UI/UX, Product Design, Project Management

I had the exciting opportunity to work with the award winning Green Owl Mobile tech firm and subsidary start up on their new app product under the moniker, Tami.

When I was brought on board, I was to give their website and marketing material a make over. Through detailed consultation to understand their vision better, I took initiative to suggest options to improve the product and branding. As a result, I was invited to take lead in the product design and creative direction of the project as a whole.

Tami

*Under a NDA, only some details may be provided.

My Role:
Marketing, Branding, UI/UX, Product Design, Project Management

I had the exciting opportunity to work with the award winning Green Owl Mobile tech firm and subsidary start up on their new app product under the moniker, Tami.

When I was brought on board, I was to give their website and marketing material a make over. Through detailed consultation to understand their vision better, I took initiative to suggest options to improve the product and branding. As a result, I was invited to take lead in the product design and creative direction of the project as a whole.

Cohesive brand, cohesive product.
Cohesive brand, cohesive product.

Problems I had to solve included the company's branding, which is explored in the branding projects page, but in parallel, the product was rebuilt from the ground up as well. There was definitely a need to find a clear identity in all aspects of the project.

The MVP had begun to be diluted in the constant additional new features that created scope creep and loss of a target demographics and user focus. The initial vision of the app was not achieved, conflicting and contradicting between a variety of technologies and ideas. It was not ready to be tested at this point. My role ultimately was to recreate a streamlined product that condenses and unifies the whole platform and makes sense for the user.

I was able to accomplish this by breaking down the needs and problems of the users and each use case, which included the disconnect between all the niche apps available on the market for day-to-day needs, the opacity of our vicinities, and a lack of customized/personalized content. While these technologies exist, the gap is not bridged easily and not expanded far enough vertically.

In my consideration of the existing MVP at the time, I was able to simplify the product due to my experience with large social media networks like Facebook and the account and post types that exist simultaneously. I considered the goals and categorized each function into the right data type. For example, businesses would still be user accounts. Ads, social updates, location-based or not, and any sort of content were more or less the same: a post type. Personal assistants are phone interfaces, and therefore, remains an in-app way to organize data.

Problems I had to solve included the company's branding, which is explored in the branding projects page, but in parallel, the product was rebuilt from the ground up as well. There was definitely a need to find a clear identity in all aspects of the project.

The MVP had begun to be diluted in the constant additional new features that created scope creep and loss of a target demographics and user focus. The initial vision of the app was not achieved, conflicting and contradicting between a variety of technologies and ideas It was not ready to be tested at this point. My role ultimately was to recreate a streamlined product that condenses and unifies the whole platform and makes sense for the user.

I was able to accomplish this by breaking down the needs and problems of the users and each use case, which included the disconnect between all the niche apps available on the market for day-to-day needs, the opacity of our vicinities, and a lack of customized/personalized content. While these technologies exist, the gap is not bridged easily and not expanded far enough vertically.

In my consideration of the existing MVP at the time, I was able to simplify the product due to my experience with large social media networks like Facebook and the account and post types that exist simultaneously. I considered the goals and categorized each function into the right data type. For example, businesses would still be user accounts. Ads, social updates, and any sort of content were more or less the same: a post type. Personal assistants are phone interfaces, and therefore, remains an in-app way to organize data.

Information architecture is king.
Information architecture is king.

My process included brainstorming sessions, discussions, team presentations, mood boards, use cases and persona models, information architecture whiteboarding and UML (Unified Modeling Language) diagrams, sketches, user flows and wireframes, style guides and design specs, click-through prototyping, issue logs, feature verification matrixes, competitive analysis, market research, user surveys, and more, I used software like Sketch, Invision, Illustrator, Xcode, and Adobe CC. In particular, it was fun to collaborate and learn the workflow preferences of different teams and colleagues. In-house developers I worked with preferred Trello and Slack, while outsourced developers preferred traditional spreadsheets via Google Sheets and emails. The team lead preferred to use software engineering UMLs and requirement documents. I was able to coordinate and bridge the gaps in the process while I was responsible for my own part.

In the end, I invented a new centralized term and concept to represent the app's special form of posts that would serve functionally throughout the app and as a cohesive brand, created over 150 high fidelity screen designs, making sure that every design element can be broken down for code implementation. I designed the architecture and hierarchy of the system, devised a new gamefied economy model, and acted as a project manager overseeing developers, translating concept to design to code, and pursuing beta testing. I greatly cherished the learning experience and the exploration of my abilities, beyond the role of my initial position as a Marketing Lead - I embraced the opportunity to be a Product Manager of sorts.

Take a look at Tami's branding design case study.

My process included brainstorming sessions, discussions, team presentations, mood boards, use cases and persona models, information architecture whiteboarding and UML (Unified Modeling Language) diagrams, sketches, user flows and wireframes, style guides and design specs, click-through prototyping, issue logs, feature verification matrixes, competitive analysis, market research, user surveys, and more, I used software like Sketch, Invision, Illustrator, Xcode, and Adobe CC. In particular, it was fun to collaborate and learn the workflow preferences of different teams and colleagues. In-house developers I worked with preferred Trello and Slack, while outsourced developers preferred traditional spreadsheets via Google Sheets and emails. The team lead preferred to use software engineering UMLs and requirement documents. I was able to coordinate and bridge the gaps in the process while I was responsible for my own part.

In the end, I invented a new centralized term and concept to represent the app's special form of posts that would serve functionally throughout the app and as a cohesive brand, created over 150 high fidelity screen designs, making sure that every design element can be broken down for code implementation. I designed the architecture and hierarchy of the system, devised a new gamefied economy model, and acted as a project manager overseeing developers, translating concept to design to code, and pursuing beta testing. I greatly cherished the learning experience and the exploration of my abilities, beyond the role of my initial position as a Marketing Lead - I embraced the opportunity to be a Product Manager of sorts.

Take a look at Tami's branding design case study.

Tech Hub

*Under a NDA, only some details may be provided.

My Role:
UI/UX, Product Design

My client was a large alumni network from China, working on the UI/UX for an international initiative, an immense website, community, and media channel for technology. My role was to provide mock ups for implementation. We went through a long process of information architecture and user flows, and I had a hand in developing a revenue model for the site based on these decisions. I benchmarked ecommerce and funding platforms such as Kickstarter, Indiegogo, Gust, and others.

Though I was only provided limited information, I understood that a next-gen tech focused platform, especially one that is international, should have an industrial, highly advanced and state-of-the-art brand. Competitors in our research seem to be lacking in this regard, which is where I inclined the marketing edge of my design. Ostrich quickly became a favourite font of mine for the website, providing a unique, energetic, futuristic, yet mature and sleek look. Red was the primary theme, representative of both Chinese and Canadian flags, as the client suggested, with lots of clean edges and translucent overlays.

I created over 50 pages and prototypes under a very tight timeline for account management, payment portals, company and user profiles, project showcases, blogging CMS features, design specs, and style guides. I employed use of Sketch, Photoshop, Invision and WordPress.

 

Tech Hub

*Under a NDA, only some details may be provided.

My Role:
UI/UX, Product Design

My client was a large alumni network from China, working on the UI/UX for an international initiative, an immense website, community, and media channel for technology. My role was to provide mock ups for implementation. We went through a long process of information architecture and user flows, and I had a hand in developing a revenue model for the site based on these decisions. I benchmarked ecommerce and funding platforms such as Kickstarter, Indiegogo, Gust, and others.

Though I was only provided limited information, I understood that a next-gen tech focused platform, especially one that is international, should have an industrial, highly advanced and state-of-the-art brand. Competitors in our research seem to be lacking in this regard, which is where I inclined the marketing edge of my design. Ostrich quickly became a favourite font of mine for the website, providing a unique, energetic, futuristic, yet mature and sleek look. Red was the primary theme, representative of both Chinese and Canadian flags, as the client suggested, with lots of clean edges and translucent overlays.

I created over 50 pages and prototypes under a very tight timeline for account management, payment portals, company and user profiles, project showcases, blogging CMS features, design specs, and style guides. I employed use of Sketch, Photoshop, Invision and WordPress.

 

Other Projects

UI/UXUI/UX

BrandingBranding

PublicationPublication

MarketingMarketing

PhotographyPhotography

VideoVideo