Bauke.art Archive

ARCHIVE:
THE AI DAILY NEWS

BACKGROUND

Early 2023 (and already before but I did not notice it yet) and AI started to become much more prevalent. AI helped in image generation, coding, text-writing mostly but more fields were coming and as well my field, product design. I decided to make a newssite dedicated to AI news as there was so much from so many different sources.

DESIGN CHOICES

I decided to bring this news in a very old-fashioned style, similar to the paper newspapers you buy on the streets. The UI on the website matches that same old-fashioned newspaper style, consisting of two rows of buttons, in textual form. Every category page has one article highlighted on the top of the page.

TECHNICAL FEATURES

We used different sources that provide RSS-feeds with the latest news. RSS-newsfeeds are provided publicly from different sources, containing the basic article data such as URL, title and description that we then loaded into our own populated RSS-files on our server. Clicking on one of our article snippets would direct the user to the original article.
To keep people connected to our news-site, I went with a newsletter giving you monthly update on the latest articles, based on your preferences. Visitors on our website would every now and then see a newsletter subscription popup in where you could choose different news AI-categories for the newsletter. The newsletter itself was auto-generated using MailerLite which reads out different RSS feeds from our server.

SOFTWARE

PHP, JavaScript, CSS, HTML, RSS, SEO
MailerLite, Visual Studio

ARCHIVE
SIZEofHUMANS

BACKGROUND

I worked on this a full year, parttime. Half of the work was collecting all the data from numerous publicly available documents and research papers around the world and setting up the anthropometric research behind it. The second half was developing the user-interface after logging in. What you see here (for now) is only the landingpage.

DESIGN DECISIONS

The landingpage is showing the most basics here, a bit the looks, the features after signing in/up and how it would help product designer in their work, ease of using, etc. The service itself is a clean database look, with advanced UI features, adjustable bell-curves, sliders and much more.

TECHNICAL FEATURES

After logging in you get to the database itself which starts with on the left a scrollable menu, including hundreds of datapoints related to body measurements from people from all over the world. Ofcourse in the menu you can find as well favorites and project pages.
Clicking on one of the datapoints (eg. body height) reveals several bell-curves in where the coverage can be adjusted by clicking one of the toggles on the curve itself. The data itself was loaded from an SQL database, the bell-curves were generated using a JavaScript library.
The SQL database consisted of different tables: accounts, chart with anthropometric data, user groups, a table for generating the menu itself, tables for statistic calculations, etc.

SOFTWARE

PHP, MySQL, JavaScript, CSS, HTML
Visual Studio

BEWORTH DESIGN/LAB

BACKGROUND

My company offered (industrial) design-research to clients worldwide as well as more straight forward industrial design for consumer products.

DESIGN CHOICES

For the design I cherry-picked the overall look and feel from IDEO, one of the most famous user-centered design agencies in the world, but I decided to go for a more structured layout, highlighting the company's different services (innovation, industrial design, product ergonomics and design for sustainability) as that is how clients would find me. After that, some cases/projects, articles about the services, clients I've worked for and ofcourse a contact form. Every service had its own dedicated page with more in-depth information.

TECHNICAL FEATURES

All articles are separate webpages. The article block at the bottom of the homepage is generated by reading out the files in the article-directory, feching the meta-data for each article to create title, description, etc.
Articles can be created and edited in an online WYSIWYG page that looks exactly like the final page will look like. Images for articles can be uploaded in backend as well.