Doodlia is an illustrator portfolio website template: a loud, framed, black HTML5 template for one illustrator and character designer with a shop of prints, tees and stickers. White hairlines frame the header cells, the boxes and the cards, Kanit capitals set heavy and thin words in one line, Roboto Mono carries the labels, and colourful die-cut characters are stuck all over it – with its own mascot, Doodle, drawn in every pose. Underneath it runs real commission and shop logic: a commission builder that prices characters by framing, style, usage and turnaround with extras.

It also has a deposit and a delivery date from the month’s commission queue and a five-step request. Finally, it has the work in six series with tabs and search, and a shop where every print, tee and sticker has its sizes, with a bag, shipping zones, a coupon and sales tax. It ships with a black and a light theme and right-to-left support. It also has a currency switch and a WebGL Riso Grain – two inks printed as grain, a little out of register.

Three Home Pages

• Home 01 – The Studio: a sticker masthead slider above the framed header. Then come the intro with the lucky cat, the work by series with tabs, the turnaround – Doodle turns round on a turnaround sheet as you scroll, front, three-quarter, side and back – the quote on a sun-yellow band. Next come the studio, the film and what I draw. Finally, the page ends with the shop, client quotes, awards and fairs and the process notes.
• Home 02 – The Shop: the divided layout with a side panel, a split hero for prints, tees and stickers. Then come the three kinds in one strip, new in the shop with sizes on every card, a sketch develops – rough, line, flat colour and shading wiped on as you scroll behind a pencil – the sizes drawn to scale. Finally, the page ends with a new drop, the sticker club and shipping answers.
• Home 03 – Commissions: a centred slider of titles with character stickers set between the words, the live queue and the starting prices. Then comes the six series as one big word list. Finally, the page ends with stickers on a laptop lid – stickers slap onto the lid one by one as you scroll – the rates on framed cards, the five steps, client quotes and a start band.

Commission, Work & Shop Pages

• Commission Builder: characters, framing, style, usage, turnaround and extras, with the quote, the breakdown, the deposit and the delivery date changing as you go.
• Request A Commission: five steps – the brief, style and usage, references with an upload, your details, the summary – opened with the quote you built. Continue never blocks; only Send checks the details.
• Rates & Usage / How It Works: the rates by framing and style, the usage licences, rush and express. It also has the extras, what every commission includes, the five steps and the sketch developing.
• The Work / The Series / Piece Details: every piece with series tabs and search and the six series one band each. It also has two piece layouts with the products made from each piece.
• The Shop: kinds, a price ceiling, sort and search. An art print page (A4, A3, A2) and a tee page (S to XXL) with the size, the quantity, the line total and the size guide.
• Bag, Checkout & Wishlist: lines by size, quantities, the shipping zone, the free-shipping meter, a coupon and sales tax. Checkout with delivery choices and an order number, the wishlist.

Illustrator Portfolio Website Template: Inner Pages

Doodlia includes All Work, The Series, Piece Details, Piece Details 02 and Commission Builder. It also has Request A Commission, Rates & Usage, How It Works, Shop and Art Print. Then come T-Shirt, Bag, Checkout, Wishlist, About, The Studio and Team Profile. There are also What I Draw, Character Design, Process Notes and Note Details. It also has FAQ with search, Contact (working PHP form and map) and My Account. Finally, there are Login, Register, Forgot Password, Coming Soon and 404 – thirty-two pages in total.

Illustrator Portfolio Website Template Features

• 32 HTML pages, 3 unique home page designs
• A black theme by default and a light theme on the smiley switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• A currency switch (dollars, pounds, euros) that repaints every price on the page
• A WebGL Riso Grain tinted by the theme colours, and the mascot walking in a flip-book in the footer
• Real commission and shop logic from one data block: the quote, the deposit, the delivery date and the queue, sizes and prices. It also has the bag, shipping zones, coupon and sales tax. Finally, it has the open studio’s hours and the dispatch cut-off.
• A Mascot Wave preloader, a pencil cursor that leans with the pointer, the Line Boil reveal, the sticker pop, the doodle-frame hover and three scroll moments that never pin the page
• Swiper sliders, Fancybox video popups and lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus illustrated icons and the mascot included
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This illustrator portfolio website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Doodlia also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Personal Portfolio HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Kanit, Roboto Mono).