Atme: Social Contact Sharing

Founder and Designer

Atme is ‘the’ better way to connect. By using a card-based system, Atme users quickly share their social media profiles, phone number, location and much more in one tap. Users engage via the search functionality to find other active users in their immediate proximity. Since we do not store any social account usernames or passwords, privacy is protected. It is their data, we keep it that way.

Work: UI, UX, Entrepreneurship

Concept

During a 2015 visit to entrepreneurial start-ups and tech companies in New York City with peers from my undergraduate program, I had a moment of reckoning.  I was repeatedly handing out copies of my resume to the business leaders I was connecting with. By the time I got to the end of trip my copies were all gone and I had nothing to leave behind to represent me.

This made me reflect…in a world of screens and devices, why must we rely on a physical business card or resume to remind others of our meeting? There had to be a digital way to easily get connected on both the professional and personal front. I started to build what a potential framework for such a simple contact sharing tool could be.

Atme was born.

Plan

After an initial release of an iMessage app, I knew I had potential for more. I wanted to create a fully functioning application with an easy to use and relatable interface, along with a seamless user experience. The first three wireframe screenshots shown below are the home, profile and “social contact” screens.

The home screen serves as a central hub for the active user. Several functionalities are accessible from just one tap. Geolocation is used to find other Atme users in a customizable range near the active user and a search functionality is available to find those users not in the selected area. The bottom of the screen is home to buttons that take the user to edit the social contact cards they would be sending to the Atme users. Finally, a profile button allows classic profile functionality like changing usernames, emails, and other profile data, as well as the option to view the Atme contacts where a successful connection has been made.

WF Home
WF Account Tapped
WF Contact List

These next few wireframe screenshots show the flow and use of what the Atme “cards” would be and how they would be created by the user.

After navigating to the cards from the home screen, a user can add as many social networks, phone numbers, locations, and more to each card. Keeping it simple, all the user would have to do is select which social contact they want to add to the card, enter the information, and a direct link will be added to the card to share with other users. By using a link-based system, the user would only need to provide their username to link the services to the card, keeping user safety and security as a top priority.

WF Atme Cards
WF Input Page
WF Atme Card Added
WF Share With Someone

Design

When designing the user interface for Atme I wanted to initiate a feeling of familiarity when someone picked it up for the first time. I went through several iterations of tuning the wireframe that I had originally started with to get to the final design.

By using white as a primary color in the design, I was able to interject color in a meaningful way by using it to align the social media option that represented the contact. I chose Gotham Black and Gotham Book as my typeface because it was a mix between a modern and gothic typeface that fit the personality of Atme well. Below you will see the designs that were created in Sketch.

Execute

I worked with Parul Garg of Skycap Development, a developer based in India, to help guide me during the development process.

Teaming with Parul was a rewarding experience, a few of the highlights include: Learning so much about working with and communicating with someone who is from a different culture than myself; Managing someone from afar and knowing when and how to ensure my ideas did not get lost while communicating about the coding being done; Because I was self-funding this project I needed to invest my money wisely during the development process which meant budgeting was critical in being able to complete the project.

We created an effective way of working and took advantage of Skype to communicate. Within eight months we had a working prototype with all of the functionality listed above (AND MORE!)

Release

In October of 2019, Atme was released on the Apple app store. Below is a video of the application in use.