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

Älvsjö Tak

The Älvsjö Tak landing page is designed for a Swedish company that specializes in roofing, roof renovation, and solar cell installation.

Featuring a modern, clean style with ample space, the website evokes feelings of trust, professionalism and innovation.

Design
Development
Branding

Type Landing Page
Tech Stack HTML/CSS/JS, Wordpress

The Älvsjö Tak landing page is designed for a Swedish company that specializes in roofing, roof renovation, and solar cell installation.

Featuring a modern, clean style with ample space, the website evokes feelings of trust, professionalism and innovation.

Design
Development
Branding

The company needed a modern and informative website to showcase its services and achievements while maintaining a user-friendly experience. Additionally, they wanted to highlight their three consecutive wins of the Reco emblem, which demonstrates their exceptional customer service and quality.

Problem

The Älvsjö Tak website was designed with a spacious layout, incorporating a main section video and detailed illustrations. This design ensures visitors can easily access information about the company and its services. The use of engaging visual elements and intuitive navigation enhances the user experience.

Solution

Concept

More About Project

The Älvsjö Tak website features a modern and clean design with a focus on ample white space to create a sense of openness and clarity.

The intuitive layout guides users through the website effortlessly, making it easy to navigate through various pages and learn about the company's comprehensive roofing and solar solutions. This design approach not only enhances user experience but also reinforces the brand's professional and innovative image.

The website's color palette of blue and yellow is carefully chosen to represent the sky, solar panels, and the sunlight reflecting on the roofs.

Blue is prominently used to highlight the sky and solar panels, while yellow accents evoke the sun’s warmth and energy, creating a visually appealing and thematic experience.

Selected colors

image colors pallette

concept image

Font pair

concept image

Showcase

Tech Stack

Front-end
Laravel Framework
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

Albert S.

"We are thrilled with our new website! It’s both tasteful and easy for clients to navigate. Every page is carefully crafted, and you can tell a lot of effort went into it. Now we can truly be proud of our online presence — huge thanks to the team for such an excellent job!"

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.15388ms29MBGET {locale}/portfolio/{slug}

Booting (203ms)time
Application (185ms)time
1 x Booting (52.32%)
203ms
1 x Application (47.68%)
185ms

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.39ms

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

990μsadmin_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` = 'alvsjo-tak' limit 1

1.23msadmin_newCmsController.php#104

Bindings	0: en 1: 1 2: alvsjo-tak
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` <> 'alvsjo-tak' limit 8

1.29msadmin_newCmsController.php#111

Bindings	0: alvsjo-tak
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'

820μ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 ('27', '39')

870μsadmin_newBaseModel.php#49

Bindings	0: 27 1: 39
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

560μ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`

740μsadmin_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'

830μ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`

1.04msadmin_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

420μ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

420μ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

280μsadmin_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

310μ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

730μ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

620μ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

290μ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

350μ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

300μ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

730μ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

1.14msadmin_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

390μ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

680μ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: zTmkKEjA1XXiPXU4yUPPcHfFuN74uYZbDLiYk7MR
_previous: array:1 [ "url" => "https://new.3angle.expert/en/portfolio/alvsjo-tak" ]
_flash: array:2 [ "old" => [] "new" => [] ]
PHPDEBUGBAR_STACK_DATA: []

path_info

/en/portfolio/alvsjo-tak

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.145.0.168"
  ]
  "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 => "Thu, 08 May 2025 16:18:07 GMT"
  ]
  "pragma" => array:1 [▶
    0 => "no-cache"
  ]
  "expires" => array:1 [▶
    0 => "-1"
  ]
  "set-cookie" => array:1 [▶
    0 => "triangle_session=eyJpdiI6IlB3by9YNkpteUZMNnRXenRRUThXbUE9PSIsInZhbHVlIjoiTDE2dFBEZzd5b1gwTUE3ZUlueWEwTU9WN0hibUNKazBRQnB0dFJBdWZLWm1kTExOYlV6TmpPKzh0VUlLZEZYUHZvMGJMcHJONlVmUHBQL2FFcWVwaS9JMWU4U3ZWRHNpOW1MVUJNeUdYVkZLcUlWNHBDOGIyYlQ3akhka1U4azMiLCJtYWMiOiI5NzU0MzYzNTRjYzIzOGEzODM4ZDM1OTQ1NmI2MGJhM2I3ZTdiZTJhNzRkNTM0ZGM0MzY0Y2NkNTRhYmE0YjQzIiwidGFnIjoiIn0%3D; expires=Fri, 08 May 2026 16:18:07 GMT; Max-Age=31536000; path=/; httponly; samesite=lax ◀triangle_session=eyJpdiI6IlB3by9YNkpteUZMNnRXenRRUThXbUE9PSIsInZhbHVlIjoiTDE2dFBEZzd5b1gwTUE3ZUlueWEwTU9WN0hibUNKazBRQnB0dFJBdWZLWm1kTExOYlV6TmpPKzh0VUlLZEZYUHZ ▶"
  ]
  "Set-Cookie" => array:1 [▶
    0 => "triangle_session=eyJpdiI6IlB3by9YNkpteUZMNnRXenRRUThXbUE9PSIsInZhbHVlIjoiTDE2dFBEZzd5b1gwTUE3ZUlueWEwTU9WN0hibUNKazBRQnB0dFJBdWZLWm1kTExOYlV6TmpPKzh0VUlLZEZYUHZvMGJMcHJONlVmUHBQL2FFcWVwaS9JMWU4U3ZWRHNpOW1MVUJNeUdYVkZLcUlWNHBDOGIyYlQ3akhka1U4azMiLCJtYWMiOiI5NzU0MzYzNTRjYzIzOGEzODM4ZDM1OTQ1NmI2MGJhM2I3ZTdiZTJhNzRkNTM0ZGM0MzY0Y2NkNTRhYmE0YjQzIiwidGFnIjoiIn0%3D; expires=Fri, 08-May-2026 16:18:07 GMT; path=/; httponly ◀triangle_session=eyJpdiI6IlB3by9YNkpteUZMNnRXenRRUThXbUE9PSIsInZhbHVlIjoiTDE2dFBEZzd5b1gwTUE3ZUlueWEwTU9WN0hibUNKazBRQnB0dFJBdWZLWm1kTExOYlV6TmpPKzh0VUlLZEZYUHZ ▶"
  ]
]

session_attributes

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

AutoshowClear Show all

	Date ↕	Method	URL	Data
#1	2025-05-08 16:18:07	GET	/en/portfolio/alvsjo-tak	70 23 77