Rockly – Premium Digital Product StudioFramer Website (Early Project)OverviewRockly is a concept for a digital product studio offering UI/UX design, website redesigns, and digital product services. This was one of my first full website projects in Framer, where I explored building an agency-style site from scratch.The GoalCreate a modern digital agency website that presents services, projects, team, and testimonials in a clean structure, while practicing the full design-to-build process.

1.My Process
Research & Competitor Analysis
I studied multiple digital agency and product studio websites to understand common patterns. I looked at what worked well (strong hero messaging, clear service categories, social proof) and what felt weak or overused (generic claims, cluttered layouts, poor hierarchy). This research helped me define the basic structure and tone for Rockly.

2. Design System
I created a simple design system focused on:

• Colors – A dark, premium-feeling palette intended to give a high-end studio vibe

• Typography – Bold headings mixed with cleaner body text to create hierarchy

• Visual style – Minimal imagery and strong emphasis on text and structure

3. Wireframing
I mapped out the main sections:

• Hero with studio introduction

• Services

• Projects

• Team

• Testimonials

• FAQ

• Contact / CTA

The wireframes focused on a classic agency layout flow.4. Applying the Design System
I moved from wireframes into Framer and applied the design system across the pages. This stage was mainly about practicing layout, spacing, section structure, and turning the concept into a real website.5. Effects & SEO
I added basic interactions and transitions to make the experience feel more dynamic. I also structured the site with proper headings and basic SEO considerations, even though the content was still incomplete at the time.ReflectionThis project was one of my first complete website builds. Looking back, there are clear areas for improvement — repetitive content, placeholder statistics, unfinished sections, and weak messaging. However, it was an important learning step. It taught me how to structure an agency-style site, build a design system, work with Framer components, and understand the difference between a concept and a polished, conversion-focused website.This project marks an early stage in my process and shows how far the work has progressed since then