Studio JEMD

As the lead for Studio JEMD's Creative Front-end, my challenge was to translate the brand's soul into lines of code. The focus went beyond functionality to architect an atmosphere of digital elegance, where every micro-interaction reinforces the studio's premium positioning. A seamless blend of technical performance and aesthetic sensitivity. L'élégance dans les moindres détails.

A minimalist digital illustration serving as the opening scene for the Studio JEMD website. Against a cream-colored background, sharp dark navy geometric shapes—abstract representations of buildings formed from rectangles—frame a central path. A small, white propeller plane is depicted mid-flight, crossing from left to right through the gap between the structures.
The hero section of the Studio JEMD website features a deep navy blue background with large, cream-colored typography in the center. The word 'Studio' is rendered in an elegant, italicized serif font, contrasting with 'JEMD,' which appears in a bold, uppercase sans-serif typeface. The layout is minimalist, with subtle text elements in the corners: a small logo in the top left, a navigation menu ('Services, Work, About, Contact.') in the top right, 'Scroll :)' in the bottom left, and the tagline 'Revealing Digital Character.' in the bottom right.
A snapshot of the animated 'Services' section featuring large, cream-colored cards sliding horizontally across a deep navy background. Two cards are visible in mid-motion. The left card lists technical capabilities in bold, uppercase text: 'BESPOKE FRONT-END,' 'IMMERSIVE INTERACTIONS,' 'SVG & 3D ILLUSION,' and 'HEADLESS ARCHITECTURE,' accompanied by the small script phrase 'Fait Main' in the top corner. The right card acts as the focal point, titled 'Atmosphere & Motion' in a bold sans-serif font, with a paragraph below explaining the philosophy that 'Technology shouldn't feel robotic.
A split-screen layout for the 'Selected Works' section. The left side features a deep navy background with a poetic mission statement in contrasting typography: 'We turn static pixels into moving emotions. Designing the feeling your brand leaves behind.' The right side displays a vertical feed of project cards. A partially visible card at the top titled 'Woode' shows modern wooden interior design. Below it, a fully visible card titled 'Éminence' features a sophisticated black-and-white image of a tuxedo, evoking a high-end fashion aesthetic.
A split-screen layout presenting the 'About Studio JEMD' section. On the left, against a cream background, a large bold 'JEMD' header sits above paragraphs of editorial-style text. The copy defines the studio as a 'boutique creative studio based in Brazil, inspired by European elegance,' emphasizing concepts like 'digital residence' and 'hand-written code.' On the right, a solid dark navy vertical rectangle creates a bold visual anchor, displaying the 'JEMD' logo in the center in a contrasting cream color.
The footer section of the Studio JEMD website, set against a deep navy background with cream-colored text. The upper left features the inviting question 'have a vision?' in an elegant italic serif font, followed by a friendly subheader: 'Feel free to reach out, we love to chat :)'. The upper right lists contact details including 'bonjour@studiojemd.com' and social links. The bottom of the screen is dominated by a massive, bold architectural element: the studio name 'JEMD' appearing as an oversized scrolling marquee, moving continuously from right to left in an infinite loop.
A vertical mobile viewport displaying the minimalist hero section of the Studio JEMD website. The screen is filled with a deep navy blue background, centering the brand identity to maximize impact on a smaller display. 'Studio' is rendered in an elegant, cream-colored italic serif font, sitting alongside 'JEMD' in a bold, uppercase sans-serif typeface.A mobile view of the 'Services' section, featuring a vertical stack of cream-colored cards against a dark navy background. The layout suggests a scrolling interaction. The central card is titled 'Atmosphere & Motion' in bold text, marked with 'L'Essence' in an elegant script font in the corner, and lists capabilities like 'INTERFACE DESIGN' and 'DIGITAL ILLUSTRATION.' Above it, the bottom edge of a previous card displays technical tags such as 'BESPOKE FRONT-END' and 'HEADLESS ARCHITECTURE,' while the top of a third card, titled 'Technical Performance,' appears below.
A vertical mobile view of the 'Selected Works' section, displaying a stack of cream-colored project cards against a dark navy background. The central focus is a card for a project named 'Woode,' featuring a sophisticated photograph of modern wooden furniture and indoor greenery, accompanied by a 'See the website' link. Above it, the bottom of a card for a project titled 'Nocturna' (marked 'In progress') is visible. At the very bottom, the top edge of a third card peeks through, revealing a dark, elegant image of a figure in a tuxedo.A vertical mobile view of the 'About' section, featuring a clean cream-colored background. The studio's acronym 'JEMD' appears at the top in a bold, dark navy sans-serif font. Below, a single column of elegant serif text articulates the brand's philosophy. The copy describes the studio as a 'boutique creative studio based in Brazil,' highlighting key concepts like 'European elegance,' 'digital residence,' and a commitment to 'hand-written code' to guide the user's emotion.
top
Luiz Gustavo Creative Front-end Developer