placeit (1).png

iAmLife - UX/UI Design

In May of 2018, I joined iAmLife, a technology startup company in Carlsbad, CA. iAmLife is developing a web-responsive platform using the latest technology and blockchain security to create a more powerful social media experience. The platform combines social media along with a streaming service with exclusive TV shows and movies, as well as a marketplace to buy and sell goods.

Role: UX/UI Designer, working alongside the Director of UX and in collaboration with the Front-End Developer.

Main Projects:

I. PRODUCT DEVELOPMENT

II. QUALITY ASSURANCE/HEURISTIC EVALUATION

III. USER ONBOARDING

IV. ADVERTISEMENTS

Tools: Sketch, Adobe Illustrator, Abstract (Version Control), GitLab

I. PRODUCT DEVELOPMENT

I. PRODUCT DEVELOPMENT

The goal of this project was to test and further develop the alpha product to create a beta product for launch.

User Testing: We conducted an Alpha Test to identify user needs, explore potential for user growth, and analyze potential barriers and solutions.

Brand Development: Establish and rejuvinate brand and style guidelines.

Screen Shot 2018-12-10 at 6.05.59 PM.png
 Executive Summary for Alpha Usability Test.

Executive Summary for Alpha Usability Test.

 Original logo.

Original logo.

 Brand/Style Development.

Brand/Style Development.

Screen Shot 2018-12-10 at 9.22.24 PM.png
II. QUALITY ASSURANCE/HEURISTIC EVALUATION

II. QUALITY ASSURANCE/HEURISTIC EVALUATION

Completed QA and created a heuristic evaluation of the beta application.

The goal of this project was the review the current beta version of the product across multiple platforms and located any bugs or errors, as well as propose design revisions.

ProposedDesignRevision_V3.002.jpeg
ProposedDesignRevision_V3.003.jpeg
ProposedDesignRevision_V3.004.jpeg
ProposedDesignRevision_V3.005.jpeg
ProposedDesignRevision_V3.006.jpeg
ProposedDesignRevision_V3.007.jpeg
ProposedDesignRevision_V3.010.jpeg
ProposedDesignRevision_V3.011.jpeg
ProposedDesignRevision_V3.012.jpeg
ProposedDesignRevision_V3.013.jpeg
ProposedDesignRevision_V3.014.jpeg
III. USER ONBOARDING

III. USER ONBOARDING

User accounts were precurated and the next step was to send an email to the users with a link to claim their accounts. Process includes identifying the user traits, mapping out the user journey, and designing the email.

The goal of this project was to design a marketing email for a specific group of users that will optimize the click-through rate of the Call to Action button.

Research: Quickly identify the key user, and brainstorm traits to keep in mind of the target user for the first round of user onboarding.

User Journey Map: Create a visual interpretation of the user’s interaction with the product.


Screen Shot 2018-12-04 at 1.24.52 PM.png
Screen Shot 2018-11-06 at 12.12.43 PM.png
 We used Sketch to design a mockup of the onboarding email and also curated email content. We chose to use a simple, minimalistic design that has a central focus of the product.

We used Sketch to design a mockup of the onboarding email and also curated email content. We chose to use a simple, minimalistic design that has a central focus of the product.

IV. ADVERTISEMENTS

IV. ADVERTISEMENTS

We researched competitive social media feed advertisements and created wireframes for possible advertisement types for the iAmLife feed.

The goal of this project was to create advertisements for the social media feed that do not disturb the user’s experience, but rather enhance it.

Advertisement Guidelines: Identify the types of advertisements that will be used in the social media feed, and create guidelines for the design.

Sales Presentation Mockups: Create high fidelity mockups for advertisement layouts to be presented in sales meetings for potential investors, clients, and partners.

Screen Shot 2018-11-29 at 5.02.28 PM.png
Screen Shot 2018-11-29 at 5.25.21 PM.png
Screen Shot 2018-11-29 at 5.25.32 PM.png
Screen Shot 2018-11-29 at 5.25.33 PM.png
Screen Shot 2018-11-29 at 5.25.34 PM.png
Screen Shot 2018-11-29 at 5.25.44 PM.png
Screen Shot 2018-11-29 at 5.25.40 PM.png
Screen Shot 2018-11-19 at 5.30.53 PM.png
Screen Shot 2018-11-01 at 3.21.07 PM.png
CarouselAd.png
Feedw:ad.png