{"id":2214,"date":"2026-08-12T10:36:42","date_gmt":"2026-08-12T10:36:42","guid":{"rendered":"https:\/\/kristian-frederichsen.dk\/?page_id=2214"},"modified":"2026-08-19T12:50:04","modified_gmt":"2026-08-19T12:50:04","slug":"smaller-projects","status":"publish","type":"page","link":"https:\/\/kristian-frederichsen.dk\/index.php\/smaller-projects\/","title":{"rendered":"Smaller Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2214\" class=\"elementor elementor-2214\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43f70487 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"43f70487\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36a96eaf elementor-widget elementor-widget-html\" data-id=\"36a96eaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.site__box{\n    display: flex;\n    justify-self: center;\n}\n\n.sectionTitle{\n    font-size: 50px !important;\n    letter-spacing: 1px;\n    margin: 0;\n    padding: 0;\n    font-family: shrikhand;\n    text-align: center\n}\n\n.sectionText{\n    padding-left: 25%;\n    padding-right: 25%;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dec2948 e-con-full site__box e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"5dec2948\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-29afc441 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"29afc441\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7d315bc9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"7d315bc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48ae03b1 elementor-widget elementor-widget-heading\" data-id=\"48ae03b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Smaller projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7257065f elementor-widget elementor-widget-text-editor\" data-id=\"7257065f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This is for the smaller projects I felt like mentioning, but don&#8217;t want to dedicate an entire site for.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1546bc41 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"1546bc41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fd3e95d elementor-widget elementor-widget-image\" data-id=\"3fd3e95d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-13-2026-04_40_54-PM-1024x1024.png\" class=\"attachment-large size-large wp-image-2300\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-13-2026-04_40_54-PM-1024x1024.png 1024w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-13-2026-04_40_54-PM-300x300.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-13-2026-04_40_54-PM-150x150.png 150w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-13-2026-04_40_54-PM-768x768.png 768w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-13-2026-04_40_54-PM.png 1254w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30711ea5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"30711ea5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b07ddbe elementor-widget elementor-widget-spacer\" data-id=\"3b07ddbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37d8629a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"37d8629a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee10360 sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"5ee10360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tTruck sim main menu redesign\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a417ca4 sectionText elementor-widget elementor-widget-text-editor\" data-id=\"a417ca4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThis project was a bit of a small passion project. Below you will see two images of the same game. First is from 2012-2024, the second is from 2024 and on-going.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1914b9b0 elementor-widget elementor-widget-image\" data-id=\"1914b9b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"903\" height=\"508\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/image-8.png\" class=\"attachment-large size-large wp-image-2221\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/image-8.png 903w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/image-8-300x169.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/image-8-768x432.png 768w\" sizes=\"(max-width: 903px) 100vw, 903px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d6b413 elementor-widget elementor-widget-image\" data-id=\"5d6b413\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"933\" height=\"525\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/image-7.png\" class=\"attachment-large size-large wp-image-2220\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/image-7.png 933w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/image-7-300x169.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/image-7-768x432.png 768w\" sizes=\"(max-width: 933px) 100vw, 933px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82050d2 sectionText elementor-widget elementor-widget-text-editor\" data-id=\"82050d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The old UI used skeuomorphism, which simply put means it looks like real buttons and elements with light cast onto them. To me, that made elements look like it was part of a truck or vehicle. The modern UI is flat and modern, which is trendy, but doesn&#8217;t say much. In my opinion, that makes it feel disconnected from what the game is about, so I decided to mix them together and give my own answer to what it could look like.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67555f1 elementor-widget elementor-widget-image\" data-id=\"67555f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"368\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Del-2-\u2013-Button-Component-with-icons.png\" class=\"attachment-large size-large wp-image-2219\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Del-2-\u2013-Button-Component-with-icons.png 514w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Del-2-\u2013-Button-Component-with-icons-300x215.png 300w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70b6894 elementor-widget elementor-widget-image\" data-id=\"70b6894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"368\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Del-2-\u2013-Button-Component-with-icons-1.png\" class=\"attachment-large size-large wp-image-2218\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Del-2-\u2013-Button-Component-with-icons-1.png 514w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Del-2-\u2013-Button-Component-with-icons-1-300x215.png 300w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0e00dd sectionText elementor-widget elementor-widget-text-editor\" data-id=\"b0e00dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>I decided to keep a flat-style appearance to keep the overall modern direction the game has taken. What I did was add more life into the UI with a colorful background, which my idea was to be a video playing in the background. I also added a bit more text to the menus to make it clear what menu is for what.<\/p><p>I also made the profile section appear more as a driver&#8217;s license and removed the progress bar to only keep the most important info at a first glance.<\/p><p>Below you can see a better idea of what it would look like.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84d5a0c elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"84d5a0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"http:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Recording-2026-08-12-122752-1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d1b937 elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"6d1b937\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"http:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Recording-2026-08-12-122911-1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b91f0db sectionText elementor-widget elementor-widget-text-editor\" data-id=\"b91f0db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The background video belongs to SCS Software, titled &#8220;American Truck Simulator: The All New Volvo VNL&#8221; on Youtube.<\/p><p>In the videos, you can see a better idea of what I tried to achieve. I made the buttons clickable with a rounded edge to both highlight them, but also give them a more button-like feel.<\/p><p>My project has not been tested with feedback, but it was a fun project nonetheless.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-118be332 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"118be332\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2caffddd elementor-widget elementor-widget-spacer\" data-id=\"2caffddd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-646235df e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"646235df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e41c34b sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"1e41c34b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tApple Timer widget\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7916dc6a sectionText elementor-widget elementor-widget-text-editor\" data-id=\"7916dc6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This little project was an attempt to make the iphone timer into a quick, accessable widget using skeuomorphic design. In this context, I wanted the timer to be set with a dial that would appear upon tapping and holding on top of the clock.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66a8f2a6 elementor-widget elementor-widget-image\" data-id=\"66a8f2a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Wireframes-timer-1024x493.png\" class=\"attachment-large size-large wp-image-2289\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Wireframes-timer-1024x493.png 1024w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Wireframes-timer-300x144.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Wireframes-timer-768x370.png 768w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Wireframes-timer.png 1516w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a78fe31 sectionText elementor-widget elementor-widget-text-editor\" data-id=\"a78fe31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The flow would be:<\/p><p>Tap and hold on the widget -&gt; Dial appears -&gt; turn dial clockwise for more time, counter-clockwise for less -&gt; release dial -&gt; start button appears -&gt; press start -&gt; timer counts down.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4041282 elementor-widget elementor-widget-image\" data-id=\"4041282\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"346\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Frame-13-2-1024x346.png\" class=\"attachment-large size-large wp-image-2290\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Frame-13-2-1024x346.png 1024w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Frame-13-2-300x101.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Frame-13-2-768x259.png 768w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Frame-13-2-1536x519.png 1536w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Frame-13-2-2048x691.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff18959 sectionText elementor-widget elementor-widget-text-editor\" data-id=\"ff18959\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the process, I then tried to also add a stopwatch feature into the same widget you could choose between with a swipe. The whole project didn&#8217;t last long, however. Too many reality-checks started showing: widget was too small to work properly, how would you stop or reset the time, what about small adjustments to seconds or hours etc.\u00a0<\/p><p>I still think the idea is there, but it would have to work differently from my original vision. Either way, fun little project that tought me how to create cool lighting effects with color gradients.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83480ff elementor-widget elementor-widget-image\" data-id=\"83480ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"398\" height=\"408\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/ezgif-692fb2e8ed328ff7.gif\" class=\"attachment-large size-large wp-image-2200\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55617340 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"55617340\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bdbbdac elementor-widget elementor-widget-spacer\" data-id=\"7bdbbdac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-763ff49c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"763ff49c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c96c96a sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"c96c96a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Website for Volentary Firefighters<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61a71539 sectionText elementor-widget elementor-widget-text-editor\" data-id=\"61a71539\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tI was asked by volentary firefighters to help design and set up a new website for them, where new people can see who they are, but also for themselves internaly for planning. The image below is the prototype in Figma.\n\nYou can see the website <a href=\"https:\/\/ufbr.dk\/\" target=\"_blank\">here.<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-237252b1 elementor-widget elementor-widget-image\" data-id=\"237252b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"877\" height=\"1024\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Forside-3-877x1024.png\" class=\"attachment-large size-large wp-image-2310\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Forside-3-877x1024.png 877w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Forside-3-257x300.png 257w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Forside-3-768x897.png 768w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Forside-3-1315x1536.png 1315w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Forside-3.png 1440w\" sizes=\"(max-width: 877px) 100vw, 877px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-596538d5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"596538d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e3e806 elementor-widget elementor-widget-spacer\" data-id=\"5e3e806\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-402d3c31 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"402d3c31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2906a887 sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"2906a887\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Project name<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5707137c sectionText elementor-widget elementor-widget-text-editor\" data-id=\"5707137c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4592d17a elementor-widget elementor-widget-image\" data-id=\"4592d17a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f6c1203 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"3f6c1203\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-420bfc6e elementor-widget elementor-widget-spacer\" data-id=\"420bfc6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b4ed467 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"2b4ed467\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-145be281 sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"145be281\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Project name<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-432800fe sectionText elementor-widget elementor-widget-text-editor\" data-id=\"432800fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1065c22d elementor-widget elementor-widget-image\" data-id=\"1065c22d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smaller projects This is for the smaller projects I felt like mentioning, but don&#8217;t want to dedicate an entire site for. Truck sim main menu redesignThis project was a bit of a small passion project. Below you will see two images of the same game. First is from 2012-2024, the second is from 2024 and on-going. The old UI used skeuomorphism, which simply put means it looks like real buttons and elements with light cast onto them. To me, that made elements look like it was part of a truck or vehicle. The modern UI is flat and modern, which is trendy, but doesn&#8217;t say much. In my opinion, that makes it feel disconnected from what the game is about, so I decided to mix them together and give my own answer to what it could look like. I decided to keep a flat-style appearance to keep the overall modern direction the game has taken. What I did was add more life into the UI with a colorful background, which my idea was to be a video playing in the background. I also added a bit more text to the menus to make it clear what menu is for what. I also made the profile section appear more as a driver&#8217;s license and removed the progress bar to only keep the most important info at a first glance. Below you can see a better idea of what it would look like. http:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Recording-2026-08-12-122752-1.mp4http:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2026\/08\/Recording-2026-08-12-122911-1.mp4 The background video belongs to SCS Software, titled &#8220;American Truck Simulator: The All New Volvo VNL&#8221; on Youtube. In the videos, you can see a better idea of what I tried to achieve. I made the buttons clickable with a rounded edge to both highlight them, but also give them a more button-like feel. My project has not been tested with feedback, but it was a fun project nonetheless. Apple Timer widget This little project was an attempt to make the iphone timer into a quick, accessable widget using skeuomorphic design. In this context, I wanted the timer to be set with a dial that would appear upon tapping and holding on top of the clock. The flow would be: Tap and hold on the widget -&gt; Dial appears -&gt; turn dial clockwise for more time, counter-clockwise for less -&gt; release dial -&gt; start button appears -&gt; press start -&gt; timer counts down. In the process, I then tried to also add a stopwatch feature into the same widget you could choose between with a swipe. The whole project didn&#8217;t last long, however. Too many reality-checks started showing: widget was too small to work properly, how would you stop or reset the time, what about small adjustments to seconds or hours etc.\u00a0 I still think the idea is there, but it would have to work differently from my original vision. Either way, fun little project that tought me how to create cool lighting effects with color gradients. Website for Volentary Firefighters I was asked by volentary firefighters to help design and set up a new website for them, where new people can see who they are, but also for themselves internaly for planning. The image below is the prototype in Figma. You can see the website here. Project name Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Project name Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2214","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/pages\/2214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/comments?post=2214"}],"version-history":[{"count":15,"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/pages\/2214\/revisions"}],"predecessor-version":[{"id":2319,"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/pages\/2214\/revisions\/2319"}],"wp:attachment":[{"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/media?parent=2214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}