"Make Stories, Cultivate a Legacy."

02:22

Based in Seoul

"Make Stories, Cultivate a Legacy."

02:22

Based in Seoul

"Make Stories,
Cultivate a Legacy."

02:22

Based in Seoul

"Make Stories, Cultivate a Legacy."

02:22

Based in Seoul

VISIT WEBSITE

VISIT WEBSITE

VISIT WEBSITE

Preview

Preview

Preview

desk top

desk top

desk top

mobile

mobile

mobile

Project Summary

Project Summary

Project Summary

title

title

title

Serena Garden

Serena Garden

Serena Garden

category

category

category

Garden Showcase

Garden Showcase

Garden Showcase

overview

overview

overview

'Serena Gardens' is a virtual garden with the harmony of flowers and nature, a website that provides florists with flowers grown with sincerity and heart. This website was designed and developed through virtual planning, image production using Midjourney, and Figma and Framer.

'Serena Gardens'은 꽃과 자연의 조화를 담은 가상의 가든으로, 정성과 마음을 담아 키운 꽃들을 플로리스트 분들에게 제공하는 웹사이트 입니다.
이 웹사이트는 가상의 기획, Midjourney를 이용한 이미지 제작, Figma와 Framer를 통해 디자인 및 개발되었습니다.

「Serena Gardens」は花と自然の調和を盛り込んだ仮想のガーデンで、真心を込めて育てた花をフローリストの方々に提供するウェブサイトです。 このウェブサイトは仮想の企画、Midjourneyを利用したイメージ制作、FigmaとFramerを通じてデザイン及び開発されました。

solutions

solutions

solutions

Concept Planning
AI Image Generation
Website Planning
Web Design
Web Development

collaborators

collaborators

collaborators

platform

platform

Figma
Framer
Midjourney

language

language

English
Korean

platform

Figma
Framer
Midjourney

language

language

English
Korean

Page design

Page design

Page design

Scroll

Scroll

Scroll

main home & footer and mobile menu

main home & footer and mobile menu

main home & footer and mobile menu

seasonal flowers

seasonal flowers

seasonal flowers

seasonal flowers detail

seasonal flowers detail

seasonal flowers detail

our garden story

our garden story

our garden story

blog & event

blog & event

blog & event

blog & event detail

blog & event detail

blog & event detail

florist service

florist service

florist service

contact us

contact us

contact us

Design Insights

Design Insights

Design Insights

The website 'Serena Gardens' was created by adding inspiration for the main home image produced through Midjourney and the inspiration of the interesting elements of hover interactive used in the Seasonal Flowers page.

Recently, while creating a site using only English, I tried to create a site using 'Serena Gardens' to harmonize Korean and English. It goes well with the image of flowers and is used for logos, headers, and titles using the 'Italiana' font, which seems to represent soft natural curves, and 'Noto Serif' as the body to create harmony between Korean and English and create trust in the site.

As for the design, I tried to give a neat and restrained feeling by using calm colors and margins to emphasize luxury and minimalism, and I tried to express the image of flowers and the harmony of Korean and English by using the 'Italiana' and 'Noto Serif' fonts.

'Serena Gardens' 웹사이트는 미드저니를 통해 제작된 메인 홈 이미지에 대한 영감과, Seasonal Flowers 페이지에 이용된 호버 인터랙티브의 재미있는 요소의 영감을 더하여 제작하게 되었습니다.

최근 영어만을 활용하여 사이트를 제작하다가, 'Serena Gardens'을 통해 한글과 영어가 조화롭게 쓰인 사이트를 제작해 보고자 하였습니다.
꽃의 이미지와도 잘 어울리고, 부드러운 자연의 곡선을 나타내는 듯한 'Italiana' 폰트를 활용하여 로고와 헤더,타이틀에 사용하였고, 'Noto Serif'를 바디로 사용하여 한글과 영어의 조화를 이루며, 사이트의 신뢰를 조성하였습니다.

디자인으로는 고급스러움과 미니멀을 강조하기 위해 차분한 색상과 여백을 활용하여 깔끔하고 절제된 느낌을 주고자 했으며, 'Italiana','Noto Serif' 폰트를 활용하여 꽃에 대한 이미지와 한글과 영어의 어우러짐을 표현하고자 했습니다.

「Serena Gardens」ウェブサイトはミッドジャーニーを通じて製作されたメインホームイメージに対するインスピレーションと、Seasonal Flowersページに利用されたホバーインタラクティブの面白い要素のインスピレーションを加えて製作することになりました。

最近、英語だけを活用してサイトを製作していて、「Serena Gardens」を通じてハングルと英語が調和して書かれたサイトを製作してみようと思いました。花のイメージともよく合い、柔らかい自然の曲線を表すような「Italiana」フォントを活用してロゴとヘッダー、タイトルに使用し、「Noto Serif」をボディとして使用してハングルと英語の調和を成し、サイトの信頼を築きました。

デザインとしては高級感とミニマルを強調するために落ち着いた色と余白を活用してすっきりと節制された感じを与えようとし、'Italiana'、'Noto Serif'フォントを活用して花に対するイメージとハングルと英語の調和を表現しようとしました。

Style Guide

Style Guide

Style Guide

Scroll

Scroll

Scroll

color palette

color palette

color palette

typography

typography

typography

ui elements

ui elements

ui elements

logo usage

logo usage

logo usage

Design Highlights

Design Highlights

Design Highlights

seasonal page interactive elements

seasonal page interactive elements

seasonal page interactive elements

gardens story interactive features

gardens story interactive features

gardens story interactive features

diverse form submission styles

diverse form submission styles

diverse form submission styles

June Studio

"A creative storyteller blending web design, photography, and videography into compelling visual narratives."

"Photography Gallery"

©june studio

junepicture@gmail.com

02:22

Based in Seoul

June Studio

"A creative storyteller blending web design, photography, and videography into compelling visual narratives."

"Photography Gallery"

©june studio

junepicture@gmail.com

02:22

Based in Seoul

June Studio

"A creative storyteller blending web design, photography, and videography into compelling visual narratives."

"Photography Gallery"

junepicture@gmail.com

2024.12.01

©june picture

02:22

Based in Seoul

June Studio

"A creative storyteller blending web design, photography, and videography into compelling visual narratives."

"Photography Gallery"

©june studio

junepicture@gmail.com

02:22

Based in Seoul