Briefly | Shani Aerov UX UI

Briefly.

Prototype

Landing Page

Overview

"Briefly" is a personalized news app offering stress-free browsing. Users swipe through preferred topics, filtering out overwhelming content. It employs trauma-informed design and color psychology for a calming experience.

Brie

fly.

Briefly.

Dark Mode

Inter is a variable font family carefully crafted & designed for computer screens. inter features a tall x-height to aid in readability of mixed-case and lower-case text

0123456789

@#$$%^&*()!

Inter

Aa

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Color Palette

Market

Analysis

Currently, there isn’t options of trauma-informed apps, each one of this apps has a very overwhelming layout and uses vibrant color for urgency as expected but for people who deal with anxiety is very stressful. the idea is to incorporate daily news but with a trauma-informed design.

Research

Problem

Users often grapple with an abundance of irrelevant news flooding their feeds, leading to an overwhelming amount of information that contributes to heightened stress, anxiety and difficulty in finding relevant and personalized content.

Briefly app provides personalized curation and trigger word filters, offering a tailored browsing experience that eliminates irrelevant content, reducing stress and information overload.

Solution

Information Architecture

Profile

Saved Articles

Trigger Words

Home Page

Onboarding

UX Design

Wire Frames

Final Design

Clear

Purpose

Ensuring users emotional safety

Giving individuals choice and control

Task clarity and consistency

Smooth flow, friendly and smart layout

Keeping the user informed of breaking and trending news

Color Palette

#5131A1

#636BFF

#418BC6

Main

#55AC46

#BFBFBF

Background

Categorization colors

#DA5A22

#1F2228

#D5809B

Tabs

Buttons

#636363

#474747

#1D1D1D

#111111

#636BFF

#EEBF1B

#111111

#EEBF1B

Type

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789

@#$$%^&*()!

Aa

Inter

Inter is a variable font family carefully crafted & designed for computer screens. inter features a tall x-height to aid in readability of mixed-case and lower-case text

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789

@#$$%^&*()!

Inter is a variable font family carefully crafted & designed for computer screens. inter features a tall x-height to aid in readability of mixed-case and lower-case text

Inter

Aa

Dark Mode

Color Palette

#4A4A4A

#B4B4B4

#6672D8

#ABAAF1

Main

#636BFF

Background

Categorization Colors

#1D1D1D

#474747

#636363

Tabs

Buttons

#D5809B

#DA5A22

#EEBF1B

#55AC46

#418BC6

#636BFF

#5131A1

Empathic
News Navigation.

Simple, Smooth
News Access.

Straight To
The Point
News.

Briefly.

Overview

"Briefly" is a personalized news app offering stress-free browsing. Users swipe through preferred topics, filtering out overwhelming content. It employs trauma-informed design and color psychology for a calming experience.

​

Brie

fly.

Briefly.

Dark Mode

Inter is a variable font family carefully crafted & designed for computer screens. inter features a tall x-height to aid in readability of mixed-case and lower-case text

0123456789

@#$$%^&*()!

Inter

Aa

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Color Palette

Market

Analysis

Currently, there isn’t options of trauma-informed apps, each one of this apps has a very overwhelming layout and uses vibrant color for urgency as expected but for people who deal with anxiety is very stressful. the idea is to incorporate daily news but with a trauma-informed design.

Research

Problem​

Users often grapple with an abundance of irrelevant news flooding their feeds, leading to an overwhelming amount of information that contributes to heightened stress, anxiety and difficulty in finding relevant and personalized content.

Briefly app provides personalized curation and trigger word filters, offering a tailored browsing experience that eliminates irrelevant content, reducing stress and information overload.

Solution

Information Architecture

Profile

Saved Articles

Trigger Words

Home Page

Onboarding

Onboarding

UX Design

Wire Frames

Final Design

Clear

Purpose

Ensuring users emotional safety

Giving individuals choice and control

Task clarity and consistency

Smooth flow, friendly and smart layout

Keeping the user informed of breaking and trending news

Color Palette

#5131A1

#636BFF

#418BC6

Main

#55AC46

#BFBFBF

Background

Categorization colors

#DA5A22

#1F2228

#D5809B

Tabs

Buttons

#636363

#474747

#1D1D1D

#111111

#636BFF

#EEBF1B

#111111

#EEBF1B

Type

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789

@#$$%^&*()!

Aa

Inter

Inter is a variable font family carefully crafted & designed for computer screens. inter features a tall x-height to aid in readability of mixed-case and lower-case text

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789

@#$$%^&*()!

Inter is a variable font family carefully crafted & designed for computer screens. inter features a tall x-height to aid in readability of mixed-case and lower-case text

Inter

Aa

Dark Mode

Color Palette

#4A4A4A

#B4B4B4

#6672D8

Problem

Empathic
News Navigation.

Simple, Smooth
News Access.

Straight To
The Point
News.