A personal portfolio website for Damir Pehar, a UX designer in Chicago. We built the home, work, about and contact pages and three long-form case studies on a customised GSAP template, with scroll-driven animation and a WebGL hover effect. It is complete, with no public URL on record.
Damir Pehar is a UX designer and builder based in Chicago whose work is research-driven. He needed a portfolio that shows that process, not just finished mock-ups, and that feels as considered as the work it presents.
We built a seven-page static site: a home page, a work index with discipline filters, three case-study pages, an about page and a contact page. The case studies cover an academic project for the Art Institute of Chicago, product design for WeReceipt, a startup's receipt and budgeting app, and a responsive website redesign for Monk's Pub, an independent Chicago craft-beer pub. The site is built on a GSAP-based HTML template that we customised heavily, with our own section layouts added in a separate namespace.
The first build went up in March 2026, with rounds of changes in March, May and July: requested layout and responsiveness fixes, a refreshed About page, and Monk's Pub images re-exported as WebP to keep their transparency. The site is finished, but we found no production URL for it, so it is listed here as built rather than live.
A UX portfolio is judged on the same things it claims to be good at. Long case studies easily turn into walls of text or into a run of identical blocks, and three projects of very different kinds — an academic museum app, a startup product and a website redesign — still had to read as one body of work.
The site also had to stay light to maintain: plain HTML, CSS and JavaScript with no backend, motion that works on a phone, and room for the designer to keep adding projects.
Before building the case-study pages we wrote a pattern library. Content types that appear in every case study — research methods, the problem, results — reuse the same layout across all three pages, so a reader learns the shape once. Within a single page, no two sections share a pattern. The library also fixes the rules: only the template's existing colour tokens and fonts, the existing animation hooks with no new JavaScript, and no boxed cards — sections are separated by type, images, rules and whitespace.
Motion comes from GSAP with ScrollTrigger and ScrollSmoother for scroll-tied reveals and character animation, a three.js hover effect on the selected-work list, and Swiper for sliders. Layouts follow the template's Bootstrap breakpoints down to phone width, with our additions kept in their own class namespace at the end of the stylesheet so template updates stay manageable.
The finished site has seven pages, including three long-form case studies, and runs as a static site with no backend. It is complete and has been through several rounds of changes requested by the designer, the last in July 2026.
We have no public URL on record and no traffic or enquiry figures, so we do not report any. What it shows is how we approach a portfolio build: a shared pattern system first, then pages that follow it.
The home page opens on a large name wordmark, a one-line positioning statement and calls to action above a strip of phone mock-ups taken from the case studies.
The home page lists the three case studies in large type with discipline and year, and a three.js hover effect brings up each project's image behind the list.
The work page filters projects by UX research or product design, with a card for each case study.
Separate pages for the Art Institute of Chicago (an academic project), WeReceipt and Monk's Pub, each with client, role, tools and year set out under the title.
Research methods, problem and results sections reuse one layout across all three case studies, while no two sections on the same page repeat a pattern.
GSAP ScrollTrigger and ScrollSmoother drive fade-ins, character-split headings and scroll-tied horizontal sections, using the template's existing animation hooks.
Every page reflows on the template's Bootstrap breakpoints, with case-study metadata stacking into a single column on a phone.
We wrote a pattern library first. Sections that every case study has, such as research methods, the problem and results, use the same layout on all three pages, while no two sections on a single page repeat a pattern.
GSAP with ScrollTrigger and ScrollSmoother for scroll-tied reveals and split-text headings, a three.js hover effect on the selected-work list, and Swiper for sliders — all in a static HTML, CSS and JavaScript site with no backend.
Seventeen live one-page portfolio websites we built for independent professionals: a photographer, a cybersecurity researcher, developers, marketers, a content writer with a nursing background, a UX designer, an agronomist and more. Each is a static HTML, CSS and JavaScript site on Netlify.
PrototypeA homepage design we built for Jdee Media, a media transcription service: a large display-type hero, cards for transcription, captioning and translation, and a closing call-to-action band. It never went live with final content; much of the body copy is still placeholder text.
A five-page website we built for Daniel Hahn, a turfgrass agronomist and applied scientist who advises golf courses: a photo-led home page, a career timeline, a publications list, an agronomy strategy page and a contact form.
Tell us what you're trying to ship. We'll come back with a scope, a timeline, and a fixed price — usually within 48 hours.
Not ready for a full build? Start with a fixed-price Discovery Sprint, or get a code audit of an app someone else built.
