Product & UI showcase

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2F3TZ7D7Mfx0I2AWuSz7Qa%2Ffaa84d46-1b92-4366-a9c2-984089174a7a.mp4?alt=media&token=1159d329-b3c5-4ce3-ae99-5e3de6209731","id":"faa84d46-1b92-4366-a9c2-984089174a7a","width":808,"height":496,"filename":"f1af21e8d6fe18f4897de41527705727.mp4","type":"video/mp4","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2F3TZ7D7Mfx0I2AWuSz7Qa%2F50d4b755-9649-4f1a-9153-c52169cafe72.mp4?alt=media&token=b3ddeefe-d8af-40fc-9f42-9ba7efb11a3c","id":"50d4b755-9649-4f1a-9153-c52169cafe72","width":2150,"height":1064,"filename":"c956386181b089fa3700a540f3c8124c.mp4","type":"video/mp4","caption":"Custom user testing assignment builder","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2F3TZ7D7Mfx0I2AWuSz7Qa%2F66c03cf1-0b21-43be-906f-9bf05a676704.mp4?alt=media&token=dc7008d0-ea87-49b7-bd32-befe07df32c3","id":"66c03cf1-0b21-43be-906f-9bf05a676704","width":2074,"height":1426,"filename":"3e6d13a52c28649682a0d4d6b7ea14b0.mp4","type":"video/mp4","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2F3TZ7D7Mfx0I2AWuSz7Qa%2Fec33c424-5b99-433a-93fd-16b1a6e7ff3a.mp4?alt=media&token=b721c627-ed15-4b73-9176-0437dcd01de6","id":"ec33c424-5b99-433a-93fd-16b1a6e7ff3a","width":1630,"height":1276,"filename":"f6228089c6dd6c6fd9885e845e3a596d.mp4","type":"video/mp4","caption":"Custom annotation UI during user testing","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2F3TZ7D7Mfx0I2AWuSz7Qa%2F9f034c41-3d77-4216-9354-94b427e2ac57.mp4?alt=media&token=1363fdf0-66e1-4e41-9be9-5f2d1cb7155c","id":"9f034c41-3d77-4216-9354-94b427e2ac57","width":1440,"height":716,"filename":"4accdbbd0cf70ebd8a911e3ab0c489dc.mp4","type":"video/mp4","caption":"Innovative email survey piped into Slack","border":false}]}
```

Rayfeed

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FLWUBw5r436eNiM84NQvb%2F37197996-414d-46bd-8881-ce997cc16e70.mp4?alt=media&token=b63d0925-14d6-434c-81a3-d35688c6befb","id":"37197996-414d-46bd-8881-ce997cc16e70","width":1164,"height":808,"filename":"linefm-switcherx.mp4","type":"video/mp4","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FLWUBw5r436eNiM84NQvb%2Fb4ca7092-6f4c-49bc-97ff-56697309af5e.mp4?alt=media&token=52f82de0-d91d-4b3e-8ca9-f2f655a62cea","id":"b4ca7092-6f4c-49bc-97ff-56697309af5e","width":680,"height":468,"filename":"linefmflow-small.mp4","type":"video/mp4","caption":"","border":false}]}
```

Line.fm

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FbpbFGlOAKnA6SZvYA3xa%2F66d19e05-07d2-4bdf-92b9-393ae5fdcdd5.mp4?alt=media&token=7248a83a-ee09-44e3-9309-3ba80b3fe10b","id":"66d19e05-07d2-4bdf-92b9-393ae5fdcdd5","width":1232,"height":440,"filename":"xxxde6679a43a61d012db5359fb590c57c6.mp4","type":"video/mp4","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FbpbFGlOAKnA6SZvYA3xa%2Fc15ae0a4-f34a-494e-8962-0b4f67c07201.mp4?alt=media&token=4ceb1d0a-653b-4910-8251-49a14f5e86cf","id":"c15ae0a4-f34a-494e-8962-0b4f67c07201","width":1600,"height":878,"filename":"95b62a470dab28e0841434bc3ee1db5e.mp4","type":"video/mp4","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FbpbFGlOAKnA6SZvYA3xa%2F4342d0ee-a4f8-4bbc-a25b-4682c9a09e6c.mp4?alt=media&token=ded58473-c5db-4040-bf7a-244bca6c265c","id":"4342d0ee-a4f8-4bbc-a25b-4682c9a09e6c","width":1278,"height":900,"filename":"57ac992633fb2334233c81b84d7bbbd9.mp4","type":"video/mp4","caption":"","border":false}]}
```

Work samples

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FbpbFGlOAKnA6SZvYA3xa%2F03036b4e-6676-4533-bdb6-52fe7c777eb7.mp4?alt=media&token=98ce3884-cb65-4fa8-b489-34c26e502753","id":"03036b4e-6676-4533-bdb6-52fe7c777eb7","width":988,"height":1922,"filename":"famera-mobile.mp4","type":"video/mp4","caption":"Famera","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FbpbFGlOAKnA6SZvYA3xa%2Fe7822d17-f3ef-4169-a9af-e8543d877042.mp4?alt=media&token=5c9bc803-cc89-458d-b20f-4da0c4b9ab00","id":"e7822d17-f3ef-4169-a9af-e8543d877042","width":1546,"height":1192,"filename":"tasks-reorder.mp4","type":"video/mp4","caption":"Internal studio productivity tool","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FbpbFGlOAKnA6SZvYA3xa%2F9cab7872-db9d-4ef2-b5ce-9ca570631231.mp4?alt=media&token=f256289b-a2ab-463f-9738-89aa8ffdbf49","id":"9cab7872-db9d-4ef2-b5ce-9ca570631231","width":2006,"height":1342,"filename":"threaded-comments.mp4","type":"video/mp4","caption":"Threaded comments","border":false}]}
```

Thinko Animation Studio

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FgzmsC1q3z8K6vAo6KxRl%2F7c694596-9654-48f5-a6d9-54d103885e19.mp4?alt=media&token=88214dd7-04e6-4d99-9f6b-28a4c2d69638","id":"7c694596-9654-48f5-a6d9-54d103885e19","width":2088,"height":1770,"filename":"0.mp4","type":"video/mp4","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FgzmsC1q3z8K6vAo6KxRl%2F291d409b-1f6a-400b-9f3c-a62fe8b0741c.mp4?alt=media&token=ad0801fb-b791-4f29-a661-c9cf193df087","id":"291d409b-1f6a-400b-9f3c-a62fe8b0741c","width":2758,"height":1896,"filename":"1.mp4","type":"video/mp4","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2FgzmsC1q3z8K6vAo6KxRl%2F7b9ee743-05e2-4d9d-a336-4b7e5acf5886.mp4?alt=media&token=913c6982-2db8-4b3b-8dc7-d67f5655e036","id":"7b9ee743-05e2-4d9d-a336-4b7e5acf5886","width":1304,"height":916,"filename":"2.mp4","type":"video/mp4","caption":"","border":false}]}
```

Some of the UI details for Sound's song page.

Sound.xyz

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2Fhsb4NIz3BB0W6aQJeYVD%2F42d6d648-5b97-4822-b5f5-ec94cfc31b68.png?alt=media&token=2149b7ec-e7e6-4fe3-b03d-24fec29d41bc","id":"42d6d648-5b97-4822-b5f5-ec94cfc31b68","width":2678,"height":6114,"filename":"shapetag.png","type":"image/png","caption":"Landing Page","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2Fhsb4NIz3BB0W6aQJeYVD%2Fecec67a1-0196-4308-b3af-7d69ab0393c7.mp4?alt=media&token=635ba4e5-a786-47f3-ad8f-18182c27ac7c","id":"ecec67a1-0196-4308-b3af-7d69ab0393c7","width":978,"height":720,"filename":"shapetag-dashboard.mp4","type":"video/mp4","caption":"Product dashboard & API demo","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2Fhsb4NIz3BB0W6aQJeYVD%2Ff14f1d98-a9ab-4c01-a080-26fced80c494.png?alt=media&token=a6046dba-050f-42be-accd-4ff1fb110c48","id":"f14f1d98-a9ab-4c01-a080-26fced80c494","width":2902,"height":2170,"filename":"CleanShot 2020-11-11 at 08.55.07 PM@2x.png","type":"image/png","caption":"Documentation for developers","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpiOFyVriYxdFU9fwbkJa2OcHE0B3%2Fhsb4NIz3BB0W6aQJeYVD%2Fdf777bf2-e9db-4e3e-8923-f9254ea0eb85.mp4?alt=media&token=54464a16-70b2-444a-babe-2169fae1d81c","id":"df777bf2-e9db-4e3e-8923-f9254ea0eb85","width":2308,"height":1440,"filename":"shapematrix.mp4","type":"video/mp4","caption":"Shape Matrix company website design & build","border":false}]}
```

Work samples & links

→ [Shape Matrix Live Site](https://shapematrix-next.netlify.app/)

→ [Shapetag Landing Page](https://shapetag.netlify.app/)

Shapetags & Shape Matrix

finally unleashing a new personal website https://wojtek.im

Senior Design Engineer

Setting up Simple Analytics for Next.js (App Router)

Learn how to configure external analytics with a noscript fallback for Next.js 13 and 14 using the App Router.

How to target Safari 16+ with a @supports CSS media query

Easiest method for targeting Safari with CSS in 2024.

UX Superheroes

Meet The Creators Of Amazon Dating, A Parody Site With 10,000 Real Applicants

The Amazon Dating App Is Fake, But The Fears Are Real

Amazon Prime’s UX works disturbingly well as a dating site

Advising on interaction design & frontend engineering architecture.

Advisor

Helped design and develop parts of UI for a web3 music platform which lets artists mint their songs as NFTs.

3D Art + Music

3D Art

Telegram bot that expands Twitter, Instagram, TikTok, Posts.cv, and Hacker News links with inline video inside groups and channels.

120,000+ monthly active users

Link Expander

Fetch smart contract ABI JSON to use with wagmi in your app. Heavily cached and up to 5x faster than directly using the Etherscan API on sequential requests.

𝐀𝐁𝐈 𝐃𝐚𝐭𝐚

Look up Ethereum Name Service text records for any address and get them back in convenient JSON format. Reverse address to ENS lookup.

𝐄𝐍𝐒 𝐃𝐚𝐭𝐚

Dayblock

Single purpose app for converting HEX colors to the P3 color space.

HEX•P3

Leading design and engineering for the Unlonely mobile app for iOS and Android using React Native, which included live streaming and live chat, TikTok-styled video feed of NFT clips from the Ethereum blockchain, push notifications, and web3 wallet support.

Lead Mobile Engineer

Created a tool to gather audio and visual feedback for user testing from live apps and websites without installing any browser extensions. Part of YC Startup School '17.

Co-founder

Building the Rainbow wallet app for iOS & Android on Ethereum with React Native.

Senior UI Engineer

Building the mobile + desktop web fintech Private Banking app for high net-worth individuals.

Product Engineer

UI Designer / Front-end Developer

UI and interaction design, handling React + React Native + Rails development for apps and products that include:
- advanced frame-by-frame animation tool
- collaborative online drawing whiteboard
- custom VOD platform
- e-commerce live game show
- internal animation studio pipeline
- social networks
- mobile game promotional sites
- viral parodies of other services

User Interface Engineer

Designing & building the Shapetag Developer Platform, API docs, and marketing pages.

Building the next-gen standard for connecting financial data.

Continuing design and development support for Pinshape, working on Formlabs e-commerce & marketing website.

Wojtek Witkowski

2021