Samuel Johnson, Spring 22

UX/UI Design Portfolio

Samuel Johnson UX/UI Design | Web Design | Graphic Design | Logo Design | Coding | Image Manipulation | Pitch Presentations | Design Thinking | Photography | Video Editing | Production Methods

Time for the good stuff

:)

Peygo What is Peygo? Peygo is here to encourage a new generation to start recycling as a side hustle.

Teaching people how to recycle effectively is crucial to bettering society. Peygo has a mission to inform and give back to anyone who joins.

How Peygo Works. By using Peygo, the user can take a picture of any used product. Peygo then uses AI to scan the product and assess the best way to recycle it. The product is then listed in the app and given an appraisal value. These values are then added up so that Peygo can give an estimate on how much the user’s recyclables are worth to a local recycling plant.

Deliverables Logo Mobile App

Peygo. Part 4 - User flow - Wireframes

Built to inspire a new generation of people to invest in recycling as a side hustle.

LOGO VARIANTS

APP ICON VARIANTS

Peygo

Peygo

PEYGO CHARACTER

COLORS

#FFC40A

#050505

F8DE7E

#679BF1

#FF172C

#FFFFF

What is Fountain? Tracking your intake of calories is becoming more and more prevalent in today’s society. Fountain focuses on drink tracking to enable the user to view, assess, and choose to cut down on calories. Fountain makes this as easy as possible by having the app available on Apple Watch, iPhone, and Desktop applications.

How Fountain Works. A user can input a drink that they have just drank. Fountian then records the drink’s size, calories, time, and much more. The user can then view their recorded drinks from a timeline. Fountian also provides nutritionist certified articles for the user to browse.

Deliverables Logo Landing Page Mobile App Desktop App Apple Watch App

Sugar addiction has taken hold of America. Fountain is here to show it.

FOUNTAIN GUI KIT NAVBAR

HEALTH GRAPH

Today, 18 Dec 600cal 500cal 400cal 300cal 200cal 100cal 0cal

8am

10am

12am

2pm

4pm

Coke Zero

BUTTONS Default

6pm

8pm

10pm

12pm

2am

4am

6am

Dr. Pepper 16oz

Hovered

Cherry

16oz

ARTICLE CARDS

Drinking Habits Doctors suggest that drinking 20g less sugar each day to stay healthy Life Style

Sugar

Habits

What is Dripp Coffee? Dripp Coffee is a full E-commerce site. It includes a web-campaign partnership with No Kid Hungry and coffee bag products. Dripp Coffee strives to appeal to the inner tech head in all of us; from the coffee bag design, to the layout of its interactive E-commerce site.

Deliverables Logo E-commerce Site Web Campaign Coffee Bag Design

Coffee for the next generation of tech infused customers.

Product Showcase

Search Results

Failed Search

Product Screen

Cart

Information

Shipping

Payment

What is Index? Index reinvents the way people view email. It strives to simplify your mail into easily digestible modules. These modules can then be sorted into various Indexes such as Work, School, Family, or Friends.

How Index works. Users can choose an email address to be designated to an Index. This allows for easier sorting. For example, you want an easy place to view all your emails from your work. By assigning your incoming emails to Indexes such as “work,” you can easily locate all your work emails in one place.

Deliverables Logo Desktop App Mobile App

An email application designed with the promise to alleviate the issue of sorting.

What is Bantar? Major game companies such as PlayStation, Xbox, and Nintendo are becoming more open to cross-play video games. This is great for gamers, but one place that is not evolving alongside it is communication. There are difficulties communicating with consoles built by different manufacturers. Bantar is here to solve these communication issues.

How Bantar works. Banter is a hub where gamers can create an account and invite their friends to voice chat. Here is where the magic happens.

Bantar can connect via Bluetooth to any console’s game audio. You can then balance the audio within the app so that Bantar users can hear both their game audio and talk to their Cross-Play friends.

Deliverables Logo Mobile App Pitch Deck

A voice chat app that unites gamers no matter their console preference.

BANTAR USERFLOW

Home Screen Profile. Access user’s profile settings.

Notifications. Users can check Party Invites, Friend Requests, or Messages.

Search Bar. Looks up user accounts.

First propagated with already friended users, then adds new users.

Friend Module. The user can see at a glance who is online indicated by the ring around the user’s account. Ability to see when the user was last online. Quickjoin functionality to quickly jump into a voice chat.

Group Module. The user can create groups for their different friend scenarios.

The user can see which people are active in the chat indicated by the ring around their profile pictures.

Friends List. List of all friended users.

Listed with currently online friends first.

Group List. List of all groups made by the users. Listed with currently online groups first.

Viewport Line. The end of what a user can see before scrolling.

What is Byke? Byke is a VR stationary bike console. People looking for the next step in an immersive workout experience can find it here in Byke. Byke offers a realistic work out experience where users can choose to ride real-life routes that have been virtually recreated. If the user prefers a more game-like experience, Byke offers highly interactive video games as-well.

How Byke works. Byke is a VR console that uses both a headset and a connected stationary bike to create an in-depth workout experience. Using Byke’s technology, game developers can incorporate new workout experiences that have never been seen before. Byke makes it possible for anyone to ride anywhere virtually.

Deliverables Logo VR Interface Design Pitch Deck

The world’s first full immersion stationary bike.

Ride the world’s most famous bike routes from the comfort of your own home.

Working out has never been this exciting.

BYKE USERFLOW

BYKE PITCH DECK

A whole lot more coming.

:O

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.”

- Antoine de Saint-Exupérya