- 2019 -
APP DESIGN FOR RedLINES
Share Contact
Information App
RedLINES is an Artificial Intelligence networking platform to share contact information between smartphones and remotely, keep everything updated, receiving intros, and laser target suggestions from advertisers based on matched interests from multi-social media feed voice notes and keywords.
ROLE: 
Product Strategy and Ideation
Product Management
Lead Designer, UI/UX,
Visual Designer
TOOLS: 
Adobe Photoshop 
Adobe Illustrator,
Invision
Adobe Animate
The Process
BUILDING A PRODUCT FROM SCRATCH
As one of RedLINES Co-Founders, my value for the team was to add all my experience as a Visual and Product Designer to create everything related to the Communication Strategies, Branding, and Product Development. From the idea to the final product, all the way. 
My job as a Design Lead and Product Manager was to research and user interviews to define the architecture of the App, workflow, and User Experience. As I was also in charge of the company’s branding and communication strategy, I needed to dig deep into the startup concept to create a very related visual image that could apply to the UI as a system. I defined the color palette, font styles, and visual elements, used for both marketing assets and the User Interface.


"What would happen if everybody is
on everyone's network...?"
SUPPORTED BY A MILLENARY HISTORY
The Red Strings of Fate is a Far Eastern myth that tells everyone's finger is tied to this mythical red string that will lead him or her to another person with whom they will make history. The cord can stretch but never cut if you meant to connect with somebody.

We feel this is what networking is all about.​​​​​​​
Figure 1. First draft working around the 1st, 2nd, and 3rd degree of Connections in a Network. User A connects with B, so then J can connect with B. Finally L can connect with B and eventually with D through the RedLINES' Artificial Intelligence engine.
Figure 2. The Information Architecture and Infrastructure
Building on top of this strong foundation was inspiring as there was always a way to reference this concept creating a powerful but poetic message behind every asset we created. That's why the red was, for sure, the primary color aligned with an immaculate aesthetic visual image. Lines and round corners support this human and organic connection.
BUSINESS GOAL
Spread the voice of the App, generating more Sign-ups to achieve a certain critical mass of users. As a new product in the market, the Founders took an approach of testing and growth.

DESIGN GOALS
1. To create an easy-to-use flow to help people share contacts in the least amount of possible interactions.

2. Align the experience with a real exchange or sharing of contact information using physic printed business cards.

I defined the very complex workflow and the Information Architecture, which helped to start understanding the items and iterations needed for the interface. From there, I started working on the first drafts for the UI. 
Figure 2. New User, Complete Profile, Share Personal, or Business eCard flow.
Figure 3. Once the team defined the business goals, I needed to clarify the features and integrations to deploy at different stages—whiteboard with the 3rd phase.
INDUCTING THE PHYSICAL WORLD INTO THE DIGITAL
As a human behavior change, the main idea was to create a smooth shift from paper business cards to digital ones. As part of this transition, I worked towards a UI with a visual reference to a physic card. So I used specific proportions, levels of information, and shapes from real paper cards to create a “familiar” UI.
Figure 4. Welcome, Sign / Login, Menu, and Profile Screens.
Figure 5. Sharing Contact Information, User Match, and Premium Profile.
ADMINISTRATION DASHBOARD
We created an Administration Dashboard to let the Managers edit every aspect of their Company and employee profiles. Even the decision was starting from a framework to create it; my job was to visually relate to the rest of the application working in the white spaces, text hierarchies, and the Information Architecture.
An essential part of the application is the metrics section. It brings a whole new dimension of information and insights for the sales and marketing teams as never before. My job was to identify the critical markers between the personal and the company statistics and make them easy to highlight to differentiate one to each other.
I worked side by side with the dev team to make the interactions between the elements easy to access and clear to navigate to bring transparency to those metrics on mobile.
Figure 6. For a better understanding of the Product's architecture, I created infographics style flows, which I also used to generate animations.
Figure 7. Integrated pieces of the UI used into other assets as emails and notifications.
Team Members
Cristian Rapagna
CTO at RedLINES
Mark Patenaude
CRO at RedLINES

You may also like

Back to Top