top of page
Ogle copy.jpg

Ogle - Campus Feed

My Role

UX/UI Design Assistant 

2016, Ogle Campus Feed APP

Screenshot 2023-04-07 at 11.44.46 AM.png

01

Background

TEAM

Designers
JiaJia Chen, Jade Liu

An on Campus
Social Media APP

Marketing/ Researcher
Weng Kong, Zack Olivas

DELIVERABLE

Branding
In app illustrartion
Marking Promotion
Swag

We want to create a mobile social media application that acts like a school-wide forum that lets users and their classmates share and interact. Users can share photos, videos, and questions and watch submissions grow in popularity as other users vote and comment on them. 

02

User Scenarios

SYNTHESIZE

What do users say about attractive branding

We conducted a focus group to discover user insights,

"I think the idea about the brand and the emojis are pretty funny. (for Snapchat)

 

I like the cute and unique logo and stickers. (for Yik Yak)

 

Simple, clean, and straightforward described the main feature which message will disappear like a ghost. (for Snapchat)"

0_QRANCryCicO07w8A.png
iPhone-app-Yik-Yak-exposes-millions-of-user-locations.jpg

ANALYSIS

Narrow down
the thoughts

A big eyes character who conveys the message of the desire of sharing fresh/ fun news and communication. Its goal is to visualize defining the Ogle app and engaging it to attract school peers. 

03

Exploration

IDEATION

Screenshot 2023-04-07 at 11.30.38 AM.png

Logo Sketches

Digital Logo Proposals

Screenshot 2023-04-07 at 11.34.39 AM.png
m2H7i8i8K9i8m2K9.png

Concept of the Owl 

70%

User's insight for the proposal

Concept of the Big Eye Doggo  

Screenshot 2023-04-07 at 11.44.46 AM.png

The Winner

50%

"I like the owl logo. It's more suitable for a news feed app than a doggie. LOL"

"I choose #5 because it's super simple and good to be identified. Other ones are more complecated"

"I choose #5 But I think the head is a bit weird, It feels like a bald owl"

ITERATION

Evolution

Considering the user's feedback, we focused our logo on the owl concept. The #5 stands out but it also has some problems. To address the issue of #5 we extracted some features of #4 which also got a good score in the voting. For example, adding a hair for #5. 

Screenshot 2023-04-12 at 9.06.10 PM.png

IDEATION

Refinement

Screenshot 2023-04-12 at 9.42.19 PM.png

Discover Color Palette

We brainstormed for the color concept. Two themes stand out and it's related to the logo character. Green represents the forest and blue represents the sky.

 

Blue theme finally wins through the rounds of user surveys and tests.

Screenshot 2023-04-12 at 9.57.46 PM.png

Finalized

The color palette was inspired by the logo and the features of the app which are sharing and communication.

 

The main color, blue, represents the sky and is associated with freedom, intuition, imagination, and inspiration.

Screenshot 2023-04-12 at 10.02.52 PM.png

FONT

Due to the target user with young ages, we are trying to simplify the details of the font and meet Ogle's identification and readability

Screenshot 2023-04-12 at 10.05.58 PM.png

04

APP Design & Language Systems

APP DESIGN

How does branding design keep identification and visualized consistency of Ogle app?  

Screenshot 2023-04-12 at 10.13.38 PM.png

Ogle Emojis

We provide emoji sets with several theme including the basic set of owls with various emotions and the theme of the festival and dressed-up owls.

Screenshot 2023-04-12 at 10.17.06 PM.png
Screenshot 2023-04-12 at 10.17.01 PM.png

Ogle Avatars

Avatars are used in different parts of the apps especially for the comments page and chat page. Avatars let anonymous users feel alive.

Screenshot 2023-04-12 at 10.23.22 PM.png
Screenshot 2023-04-12 at 10.23.13 PM.png
Screenshot 2023-04-12 at 10.30.17 PM.png

Animation
illustration for Olge
Point page

 

The illustration with animation shows the oglers' awards and scores. See how high users can fly among oglers. 

Screenshot 2023-04-14 at 2.55.10 PM.png
Screenshot 2023-04-14 at 2.58.32 PM.png

05

Brand Marketing

PROMOTIONAL MATERIALS

Screenshot 2023-04-14 at 3.07.43 PM.png

branding design using in

Marketing Promotion

Giving away Swags to help the marketing team outline our brand, show our culture and connect with oglers. 
 

Screenshot 2023-04-14 at 3.08.17 PM.png
Screenshot 2023-04-14 at 3.35.32 PM.png
Screenshot 2023-04-14 at 4.39.46 PM.png

Stickers are very popular. Students are willing to participate in our survey to get a set of stickers.
 

Screenshot 2023-04-14 at 4.41.13 PM.png
Screenshot 2023-04-14 at 4.45.30 PM.png

What do oglers say about branding and app? 
Ogle got me like: be there, be fun, be free.  

 

Screenshot 2023-04-14 at 4.47.34 PM.png

Thank you!
 

Jade Liu

bottom of page