@ciaragan
Instagram · Vlog
@ciaragan CIARAGAN.COM day one of designing my own website with @readymag — today we’re making a landing page 👩💻 use “ciara10" for 10% OFF! #reels #webdesign #readymag #website
Trending short videosDesign personal website from scratch
The edit1 shot · 19 text
Shots Text
Performance
- Views
- 617K
- Likes
- 56.7K
- Comments
- 63
- Engagement
- 9.2%
- Outlier
- 3.1×
Video #10604 · Vlog
Design personal website from scratchfrom @ciaragan
[01]
Overview
The creator documents her journey of designing a personal website from scratch as part of a monthly creative challenge. She shares her inspiration process using her bedroom art wall, demonstrates the design tools she uses (Readymag and Procreate), and showcases the initial results of her landing page and animated menu elements.
[02]
Simple outline
- 1Ponder existential question
- 2Find physical inspiration
- 3Set creative challenge
- 4Digitize physical assets
- 5Reveal interactive prototype
[03]
Related videos
6.8MCreator shows how she built an app.@covacut · Tutorial / How To
97.4K2.1×Web design process start to finish@pixeldesignlab · Tutorial / How To
182.1KAesthetic tour of creative portfolio website@ciaragan · Product Demo
718.7K1.3×Showing process of making website@bykatiemai · Value Vlog
146.1K1.8×Photographer homepage design tutorial steps@pixeldesignlab · Tutorial / How To
54K1.1×Explaining a website design transformation@pixeldesignlab · Before/After Transformation
494.4K2×Before and after website redesign@pixeldesignlab · Before/After Transformation
118.7K17.5×Hands-on graphic design process montage@lt.designz · Process
136.2K2.8×Homepage structure tips for creatives@pixeldesignlab · Tutorial / How To
702K12.7×Designer creates 3D website concept@marcelodesignx · Process
130.1K1.7×Website redesign before and after@pixeldesignlab · Good vs Bad
3.6M611.9×How to use design library@marcelodesignx · Tutorial / How To[04]
Classification
[05]
Hook analysis
What stops the scroll in the first 3 seconds
Title hook · 55%
girl discovers she has free will lol
Verbal hook · 40%
Today, I was a little bored and I started to wonder and wonder and wonder what would be an excellent use of my free will and where can I get inspiration for that?
Visual hook · 5%
A girl stands stiffly in the center of her bedroom before dramatically flopping backwards onto her bed.
[07]
Hook and payoff
The promise the opener makes, and how the video pays it back
Hook
The 'Free Will' Epiphany: Starting with a relatable, slightly absurd existential realization to grab attention before grounding it.
Payoff
The Interactive Prototype Showcase: Revealing the functional result of the work, specifically highlighting the interactivity (hover effects) to prove success.
[08]
Narrative framework
The structural pattern this video runs on
Framework
The Inspiration-to-Execution Arc
Transforming a whimsical existential thought into a tangible project by translating physical environment into digital design.
- 1
The Environmental Audit
Scanning the immediate physical surroundings to find a concrete source of inspiration for the abstract desire.
- 2
The Challenge Declaration
Framing the project within a larger, time-bound self-improvement goal (e.g., 'one creative thing a month') to add stakes.
- 3
The Tool & Vibe Selection
Introducing the enabling technology and defining the specific aesthetic direction (e.g., 'digital diary').
- 4
The Analog-to-Digital Bridge
Demonstrating the literal process of converting physical inspiration (scanning art) into project assets.
- 5
The Technical Bypass
Highlighting a specific hurdle (coding) and showing how the chosen tool solves it effortlessly (widgets).
- 6
The Hand-Crafted Detail
Zooming in on the creation of one specific, custom element (menu cards) to show effort and artistry.
Themes
Techniques
Trends
Post caption
CIARAGAN.COM day one of designing my own website with @readymag — today we’re making a landing page 👩💻 use “ciara10" for 10% OFF! #reels #webdesign #readymag #website
Text overlays
title · beginning
girl discovers she has free will lol
narrative · beginning
my art wall is literally full of inspiration
title · beginning
I'm Gonna Make a Website /Out of My Room/
contextual · beginning
this 2025, one creative thing a month
contextual · beginning
fourth creative goal
contextual · beginning
me putting my tech degree to use lol
informational · middle
right now, I'm using Readymag
informational · middle
a browser-based design tool
contextual · middle
we're gonna start with the Landing Page
narrative · middle
my goal is to make it feel like the inside of my brain
narrative · middle
I literally scanned pieces from my art wall
narrative · middle
I also wanted to add an infinite scrolling text
narrative · middle
but I'm not gonna start coding right now
narrative · middle
then I drew these little playing cards
narrative · end
but look how cute and cool this looks
narrative · end
interactive and fun
contextual · end
my goal is to finish this by the end of next month
narrative · end
anyway I'm so excited to do more
call-to-action · end
give Readymag a try
Transcript
Today, I was a little bored and I started to wonder and wonder and wonder what would be an excellent use of my free will and where can I get inspiration for that? So I looked around my room and thought my art ball is literally full of inspiration and that's when tier clicked. I'm gonna make a website out of my room and this 2025 I'm gonna do one creative thing a month. This month's challenge is designing my own website from scratch. Right now I'm using ready bad. It's a browser best design tool with so many fun templates. I browse through a bunch of portfolios and the vibe that I'm going for is personal scrapbooking handwritten kind of like flipping through a digital diary. We're gonna start with the landing page. My goal is to make it feel like the inside of my brain and I literally scanned pieces from my art wall to drop them in. Then of worse, I've played around with positioning, opacity tier the tools make it really easy to animate. I also wanted to add rank infinite scrolling text better I'm not gonna start coding right now and luckily, ready bad has a widget for it. Then, I drew these little playing cards to act as the menu for the other pages. They're not populated yet but look how cute and cool this looks. The hover animation makes it even more interactive and fun. My goal is to finish this by the end of next month and eventually connect it to my art shop. Anyway, I'm so excited to do more. This was so fun to make and if you're looking to make websites fun again, give RainyMag a try.