ss
Navigate back to the homepage

Spaceout

beyond excelsior

Software development, application and system architecture

about meHow it's doneContact
Link to $https://www.facebook.com/spaceout/Link to $https://twitter.com/spaceoutLink to $https://www.instagram.com/spaceout/Link to $https://blog.spaceout.pl/Link to $https://dribbble.com/spaceoutLink to $https://behance.com/spaceoutLink to $https://github.com/massivDash/
Blog

Projekt Mowa

by
Luke Celitan
category: project, reading time: 1 min

UX / UI

Projekt mowa is a blog app. The website is mainly designed to boost logopedy and radio voice practice business. The client wanted warm colors, clean and minimal layout. I have decided on a rather standard layout blog collection main landing page, with some soft white touches and orange accents. Typography and article layout optimized for content delivery, with Roboto as the main body font and Playfair Display for accented messages.

#f7f7f7

#dac8be

#ffb48c

#ff7446

#4e4a4a

Aa

Roboto Bold

Aa

Roboto Normal

Aa

Roboto Light

Aa

Playfair Display Bold

Aa

Playfair Display Normal

Heading H1

Heading H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent suscipit tortor velit, non posuere leo hendrerit sit amet. Sed purus felis, blandit ac tristique id, consequat at purus. Nulla eget dignissim erat, eget suscipit velit. In hac habitasse platea dictumst. Curabitur nec laoreet tellus, vitae convallis eros. Morbi accumsan libero vitae venenatis vestibulum. Proin blandit scelerisque nisl eu sagittis.

Desktop layout for projketmowa.plMobile layout for projketmowa.pl

Technology

Projekt Mowa app was fully customized build based on standard Gatsby stater template.
App written in React framework with NetlifyCMS which provides all the common rich text editing and still enables the website to use the jam stack technology. Front end theme was based on bulma.css project

This static web app is also equipped with service worker making in a fully downloadable app on the android phones (Progressive Web App). Website was deployed via Netlify service.

s