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

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 Tami Smart Cities.

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 thoughts 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 Tami Smart Cities.

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 vision, compelling brand, coherent product.
Cohesive vision, compelling brand, coherent 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 additional new features that created scope creep and loss of target user focus. The initial vision of the app was not effectively achieved, conflicting between a variety of technologies and ideas. My role ultimately was to recreate a streamlined product that condenses and unifies the whole platform and makes sense for the user.

 

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 additional new features that created scope creep and loss of target user focus. The initial vision of the app was not effectively achieved, conflicting between a variety of technologies and ideas. 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 the many niche apps for day-to-day needs, the opacity of our vicinities, and a lack of customized/personalized content with a contextual immediacy. While these issues and technologies have always existed, 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, business ads, social updates, user posts, 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 for users to interact with data and content.

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 the many niche apps for day-to-day needs, the opacity of our vicinities, and a lack of customized/personalized content with a contextual immediacy. While these issues and technologies have always existed, 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, business ads, social updates, user posts, 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 for users to interact with data and content.

Always revolve around the user.
Always revolve around the user.
s5cafe-m

Our processes included brainstorming sessions, discussions, team presentations, mood boards, journey mapping 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.

Our processes included brainstorming sessions, discussions, team presentations, mood boards, journey mapping 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.

Information architecture is king.
Information architecture is king.

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, and coordinated 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 Designer - I embraced the opportunity to be a Product Lead of sorts.

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

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, and coordinated 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 Designer - I embraced the opportunity to be a Product Lead of sorts.

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

appdesign1-m

Tech Exchange Hub

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

My Role:
UI/UX, Product Design

My client was a joint initiative between a large investment network, and the Chinese and Canadian government. I delivered UI/UX for their immense website, community, funding platform, 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 discussing a revenue model for the site based on these decisions. I benchmarked ecommerce and funding platforms such as Kickstarter, Indiegogo, Gust, and others. 

Tech Exchange Hub

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

My Role:
UI/UX, Product Design

My client was a joint initiative between a large investment network, and the Chinese and Canadian government. I delivered UI/UX for their immense website, community, funding platform, 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 discussing a revenue model for the site based on these decisions. I benchmarked ecommerce and funding platforms such as Kickstarter, Indiegogo, Gust, and others. 

Solid foundations for scalable futures.
Solid foundations for scalable futures.

The platform was to address and connect three target audiences: tech and R&D start ups in Canada, angel investors and venture capitalists, and tech sector experts such as researchers, educators and mentors. Naturally, the structure of the site includes each of these in mind.

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.

The platform was to address and connect three target audiences: tech and R&D start ups in Canada, angel investors and venture capitalists, and tech sector experts such as researchers, educators and mentors. Naturally, the structure of the site includes each of these in mind.

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.