Portfolio
About Us
Services

Branding

We go beyond aesthetics, crafting identities that resonate with your audience and elevate your digital presence.

We define brand values and craft memorable visual identities for online distinction.

Read More

UI/UX Design

We craft intuitive experiences for your users, ensuring they love interacting with your product.

From wireframes to prototypes, we prioritize user-centric design to optimal satisfaction

Read More

Web Development

We create dynamic, responsive websites tailored to your needs.

From front-end design to back-end functionality, we ensure your website is fast, secure, and user-friendly.

Read More

SEO

We optimize your website to rank higher on search engines, driving more organic traffic to your site.

We make sure your website is easy to find by your target audience.

Read More
Blog

Book a Call

en

de

Book a Call

The Depression Project

The Depression Project website is designed to help individuals with depression understand their condition and feel less isolated. It also includes a section to sell books that provide additional support. The website features a modern, fresh, and down-to-earth design.

Design
Development
SEO
Branding

Type Website
Tech Stack HTML/CSS/JS, Wordpress

The Depression Project website is designed to help individuals with depression understand their condition and feel less isolated. It also includes a section to sell books that provide additional support. The website features a modern, fresh, and down-to-earth design.

Design
Development
SEO
Branding

The Depression Project needed a website that could effectively communicate their mission to help people with depression, without appearing too corporate. They also required a platform to sell supportive books while maintaining a friendly and approachable tone.

Problem

The website was designed with earthy and warm colors, along with small neat doodles to create a welcoming and supportive environment. The inclusion of a cute mascot, instead of real photographs, adds to the friendly and approachable feel. The design ensures that visitors feel comfortable and understood, while also providing easy access to valuable resources and books.

Solution

Concept

More About Project

The Depression Project website features a modern and fresh design, avoiding a corporate look to maintain a down-to-earth and approachable atmosphere.

The use of a cute mascot adds a unique and friendly touch, helping visitors feel more connected and make the content more engaging.

The overall style is warm and inviting, ensuring that the website provides a comforting space for those seeking help and understanding.

The website utilizes a palette of blue, yellow, green, and pink colors, along with their pastel variations.

These earthy and warm colors create a soothing and welcoming environment, helping to convey the project's supportive and friendly nature.

The pastel variations add a gentle and calming effect, further enhancing the website's approachable feel.

Selected colors

image colors pallette

concept image

Font pair

concept image

Showcase

Tech Stack

Front-end
Shopify
Rest API

Our Services

Research
UX/UI Design
Development

Adaptives

Full-stack Developer

Dmytro P.

Full-stack Developer

Mykyta S.

Designer

Tim A.

CEO

Project Manager

Bohdan R.

Project Manager

Full-stack Developer

Evgeniy D.

Full-stack Developer

Check out our team

Robert R.

"Thank you for creating our website! It feels warm, user-friendly, and easily accessible for those seeking support. The site truly reflects our mission, and now people can easily find essential information and resources. We’re very happy with the result – wonderful work!"

Flyttstad Fabriken

Flyttstad Fabriken

Design, User Experience, Development

Go to project

Bella Rose

Design, User Experience, Development

Go to project

Älvsjö Tak

Design, User Experience, Development

Go to project

Depression Project

Depression Project

Design, User Experience, Development

Go to project

Pancea

Design, User Experience, Development

Go to project

Fixkalle

Design, User Experience, Development

Go to project

Let’s Get
Started

Get Offer

Our team of experts is here to guide you through every step of the process. So what are you waiting for?

Let's get started on your project today! Contact us now to schedule a consultation and take the first step towards achieving your goals.

Messages Timeline Exceptions Views70 Route Queries23 Models77 Livewire0 Mails Gate Session Request

Request history8.2.15357ms19MBGET {locale}/portfolio/{slug}

Booting (148ms)time
Application (208ms)time
1 x Application (58.39%)
208ms
1 x Booting (41.61%)
148ms

70 templates were rendered

1x projectproject.blade.php#?blade
1x sections.case_startcase_start.blade.php#?blade
50x partials.svgsvg.blade.php#?blade
1x sections.case_problemcase_problem.blade.php#?blade
3x sections.case_slidercase_slider.blade.php#?blade
1x sections.case_infocase_info.blade.php#?blade
1x sections.case_colorscase_colors.blade.php#?blade
1x sections.case_fontscase_fonts.blade.php#?blade
1x sections.compose_pausecompose_pause.blade.php#?blade
1x sections.case_tech_stackcase_tech_stack.blade.php#?blade
1x sections.case_who_makecase_who_make.blade.php#?blade
1x sections.case_feedbackcase_feedback.blade.php#?blade
1x sections.projectsprojects.blade.php#?blade
1x sections.contact_uscontact_us.blade.php#?blade
1x layouts.layoutlayout.blade.php#?blade
1x partials.headerheader.blade.php#?blade
1x partials.services_menuservices_menu.blade.php#?blade
1x partials.languages_selectlanguages_select.blade.php#?blade
1x partials.footerfooter.blade.php#?blade

uri: GET {locale}/portfolio/{slug}
middleware: web
controller: App\Http\Controllers\CmsController@project
namespace
prefix: /{locale}
where
as: project.view
file: app/Http/Controllers/CmsController.php:100-129

23 statements were executed, 8 of which were duplicates, 15 unique. Show only duplicated15.32ms

select * from `menus` where `lang` = 'en'

1.03msadmin_newCMSService.php#226

Bindings	0: en
Backtrace	15. app/Services/CMSService.php:226 16. app/Http/Controllers/Controller.php:25 17. app/Http/Controllers/CmsController.php:31 19. vendor/laravel/framework/src/Illuminate/Container/Container.php:952 20. vendor/laravel/framework/src/Illuminate/Container/Container.php:795

select * from `projects` where `lang` = 'en' and `active` = '1' and `slug` = 'the-depression-project' limit 1

1.39msadmin_newCmsController.php#104

Bindings	0: en 1: 1 2: the-depression-project
Backtrace	16. app/Http/Controllers/CmsController.php:104 17. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 18. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259 20. vendor/laravel/framework/src/Illuminate/Routing/Route.php:205

select * from `projects` where `slug` <> 'the-depression-project' limit 8

990μsadmin_newCmsController.php#111

Bindings	0: the-depression-project
Backtrace	15. app/Http/Controllers/CmsController.php:111 16. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 17. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 18. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:205

select * from `menus` where `lang` = 'en'

700μsadmin_newCMSService.php#226

Bindings	0: en
Backtrace	15. app/Services/CMSService.php:226 16. app/Http/Controllers/CmsController.php:115 17. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 18. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259

select * from `projects` where `id` in ('30', '43')

520μsadmin_newBaseModel.php#49

Bindings	0: 30 1: 43
Backtrace	15. app/Models/BaseModel.php:49 16. app/Http/Controllers/CmsController.php:120 17. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 18. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259

select * from `rblocks` where `rblocks`.`id` = '1' limit 1

580μsadmin_newCMSService.php#139

Bindings	0: 1
Backtrace	20. app/Services/CMSService.php:139 21. app/Http/Controllers/CmsController.php:127 22. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 23. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 24. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259

select * from `categories`

1.01msadmin_newHelpers.php#100

Backtrace

18. app/Helpers.php:100
20. view::sections.case_start:24
22. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
23. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
24. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `posts` where `category_id` != 'null'

840μsadmin_newHelpers.php#101

Bindings	0: null
Backtrace	15. app/Helpers.php:101 17. view::sections.case_start:24 19. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 20. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 21. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages`

940μsadmin_newHelpers.php#48

Backtrace

18. app/Helpers.php:48
20. app/Helpers.php:113
22. view::sections.case_start:24
24. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
25. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58

select * from `pages` where `pages`.`id` = 3 limit 1

610μsadmin_newHelpers.php#55

Bindings	0: 3
Backtrace	20. app/Helpers.php:55 22. app/Helpers.php:113 24. view::sections.case_start:24 26. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 27. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58

select * from `pages` where `pages`.`id` = '26' limit 1

770μsadmin_newCMSService.php#190

Bindings	0: 26
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.header:11 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '27' limit 1

1.05msadmin_newCMSService.php#190

Bindings	0: 27
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.header:11 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '32' limit 1

590μsadmin_newCMSService.php#190

Bindings	0: 32
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.header:11 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '28' limit 1

420μsadmin_newCMSService.php#190

Bindings	0: 28
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '29' limit 1

340μsadmin_newCMSService.php#190

Bindings	0: 29
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '30' limit 1

370μsadmin_newCMSService.php#190

Bindings	0: 30
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '31' limit 1

790μsadmin_newCMSService.php#190

Bindings	0: 31
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '1' limit 1

420μsadmin_newCMSService.php#190

Bindings	0: 1
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '26' limit 1

360μsadmin_newCMSService.php#190

Bindings	0: 26
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '27' limit 1

490μsadmin_newCMSService.php#190

Bindings	0: 27
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '32' limit 1

360μsadmin_newCMSService.php#190

Bindings	0: 32
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '38' limit 1

310μsadmin_newCMSService.php#190

Bindings	0: 38
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

select * from `pages` where `pages`.`id` = '39' limit 1

440μsadmin_newCMSService.php#190

Bindings	0: 39
Backtrace	20. app/Services/CMSService.php:190 21. view::partials.footer:47 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69

App\Models\Page: 37Page.php#?
App\Models\Post: 12Post.php#?
App\Models\Project: 11Project.php#?
App\Models\Category: 10Category.php#?
App\Models\Menu: 6Menu.php#?
App\Models\Rblock: 1Rblock.php#?

_token: LnffbBdGArPr5lyZ4KiJdxdLQY4lssaYpeYVHwl8
_previous: array:1 [ "url" => "https://new.3angle.expert/en/portfolio/the-depression-project" ]
_flash: array:2 [ "old" => [] "new" => [] ]
PHPDEBUGBAR_STACK_DATA: []

path_info

/en/portfolio/the-depression-project

status_code

status_text

OK

format

html

content_type

text/html; charset=UTF-8

request_query

[]

request_request

[]

request_headers

  0 of 0   
array:18 [▼
  "priority" => array:1 [▶
    0 => "u=0, i"
  ]
  "accept-encoding" => array:1 [▶
    0 => "gzip, deflate, br, zstd"
  ]
  "sec-fetch-dest" => array:1 [▶
    0 => "document"
  ]
  "sec-fetch-user" => array:1 [▶
    0 => "?1"
  ]
  "sec-fetch-mode" => array:1 [▶
    0 => "navigate"
  ]
  "sec-fetch-site" => array:1 [▶
    0 => "none"
  ]
  "accept" => array:1 [▶
    0 => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
  ]
  "user-agent" => array:1 [▶
    0 => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
  ]
  "upgrade-insecure-requests" => array:1 [▶
    0 => "1"
  ]
  "sec-ch-ua-platform" => array:1 [▶
    0 => ""Windows""
  ]
  "sec-ch-ua-mobile" => array:1 [▶
    0 => "?0"
  ]
  "sec-ch-ua" => array:1 [▶
    0 => ""Chromium";v="130", "HeadlessChrome";v="130", "Not?A_Brand";v="99""
  ]
  "cache-control" => array:1 [▶
    0 => "no-cache"
  ]
  "pragma" => array:1 [▶
    0 => "no-cache"
  ]
  "connection" => array:1 [▶
    0 => "close"
  ]
  "x-forwarded-for" => array:1 [▶
    0 => "3.129.59.71"
  ]
  "host" => array:1 [▶
    0 => "new.3angle.expert"
  ]
  "x-accel-internal" => array:1 [▶
    0 => "/nginx_static_files"
  ]
]

request_cookies

[]

response_headers

  0 of 0   
array:7 [▼
  "content-type" => array:1 [▶
    0 => "text/html; charset=UTF-8"
  ]
  "cache-control" => array:1 [▶
    0 => "private, must-revalidate"
  ]
  "date" => array:1 [▶
    0 => "Mon, 12 May 2025 07:01:51 GMT"
  ]
  "pragma" => array:1 [▶
    0 => "no-cache"
  ]
  "expires" => array:1 [▶
    0 => "-1"
  ]
  "set-cookie" => array:1 [▶
    0 => "triangle_session=eyJpdiI6IldBbVlwUHdNdFprdUc3VGhKTVRLQkE9PSIsInZhbHVlIjoiZEtSbTUvUkIwTis5TDArUzJyRC9WWE95YWFWanU5TEpDZmJVc2Fxb05vYURkTERGZjBuZE01MVE3a04remNpMlN2SnBpN1EzRDZZdXdKNVdoQ0Q5Mkg0U0MvbnBtMmFUd3pTL1FKUlJYLzIxandPci9XYlRtdk43eTE2VGVPTFMiLCJtYWMiOiJjMGI1ZTg5NmY0NmQxMWFjMTBlMmY2OGYwZGJhMTgyODYxODEyZDAyMDVjYWJhYjMwZTMyMDUyZjZlYzk4MWJhIiwidGFnIjoiIn0%3D; expires=Tue, 12 May 2026 07:01:51 GMT; Max-Age=31536000; path=/; httponly; samesite=lax ◀triangle_session=eyJpdiI6IldBbVlwUHdNdFprdUc3VGhKTVRLQkE9PSIsInZhbHVlIjoiZEtSbTUvUkIwTis5TDArUzJyRC9WWE95YWFWanU5TEpDZmJVc2Fxb05vYURkTERGZjBuZE01MVE3a04remNpMlN ▶"
  ]
  "Set-Cookie" => array:1 [▶
    0 => "triangle_session=eyJpdiI6IldBbVlwUHdNdFprdUc3VGhKTVRLQkE9PSIsInZhbHVlIjoiZEtSbTUvUkIwTis5TDArUzJyRC9WWE95YWFWanU5TEpDZmJVc2Fxb05vYURkTERGZjBuZE01MVE3a04remNpMlN2SnBpN1EzRDZZdXdKNVdoQ0Q5Mkg0U0MvbnBtMmFUd3pTL1FKUlJYLzIxandPci9XYlRtdk43eTE2VGVPTFMiLCJtYWMiOiJjMGI1ZTg5NmY0NmQxMWFjMTBlMmY2OGYwZGJhMTgyODYxODEyZDAyMDVjYWJhYjMwZTMyMDUyZjZlYzk4MWJhIiwidGFnIjoiIn0%3D; expires=Tue, 12-May-2026 07:01:51 GMT; path=/; httponly ◀triangle_session=eyJpdiI6IldBbVlwUHdNdFprdUc3VGhKTVRLQkE9PSIsInZhbHVlIjoiZEtSbTUvUkIwTis5TDArUzJyRC9WWE95YWFWanU5TEpDZmJVc2Fxb05vYURkTERGZjBuZE01MVE3a04remNpMlN ▶"
  ]
]

session_attributes

  0 of 0   
array:4 [▼
  "_token" => "LnffbBdGArPr5lyZ4KiJdxdLQY4lssaYpeYVHwl8"
  "_previous" => array:1 [▶
    "url" => "https://new.3angle.expert/en/portfolio/the-depression-project"
  ]
  "_flash" => array:2 [▶
    "old" => []
    "new" => []
  ]
  "PHPDEBUGBAR_STACK_DATA" => []
]

AutoshowClear Show all

	Date ↕	Method	URL	Data
#1	2025-05-12 07:01:51	GET	/en/portfolio/the-depression-project	70 23 77