selfmademusings

Author: B

  • WebDev: Design Process

    WebDev: Design Process

    WEB DESIGN PROCESS

    Published 29-03-25

    4 Stage Web Design Plan

    ONBOARDING

    The very beginning of the project. Includes a discovery call, project proposal, contract, first payment and kickoff call.

    1. Discovery Call

    • Zoom Call
    • Phone Call
    • Get project details
    • See if good fit

    2. Proposal

    3. Contract & Payment

    OVER COMMUNICATE AT ALL STAGES. WITHOUT CONTRACT AND PAYMENT THERE’S NO WORK.

    4. Kick-off Call

    A time to get intentional with clients and start getting really specific about dates, times, plans & deadlines.

    • Deadlines for both parties. (COPY. BRANDING. IMAGES. FEEDBACK)
    • Deadlines must have CONSEQUENCES.
    • Fee?
    • Missed opportunity for feedback = missed revisions.
    • 24 hours to respond with feedback.

    DESIGN & DEV

    1. Sitemap & Wireframe

    2. Pages

    • Homepage
    • Done > Send for revision. (ruttl.com)
    • Next pages
    • Done > Send for revision.

    3. Revisions

    1 REVISION FOR EACH STAGE OF THE PROJECT

    • 1 Revision: Wireframe & Sitemap
    • 1 Revision: Homepage
    • 1 Revision: All other pages

    ‘That round of revisions is currently closed’

    LAUNCH

    Testing everything on the website including form, shopping carts etc. Set up a potential launch date everyone feels comfortable with.

    1. Testing

    • Filling out forms
    • Buying products
    • Signing up for lead magnets
    • Checking all links
    • 100% dogfooding

    2. Backup

    3. Site Migration

    OFFBOARDING

    Setting the client up for success and continuing to follow up with them after the project is finished.

    1. Support

    • Ensure the client feels they are being supported during the first couple of weeks.
    • Questions
    • FAQ?

    2. Follow Up

    • Date Web Launched
    • Business Anniversary

    ‘Hey, hows it going? Hows the business going?’

    3. Repeat Business

    • Proposal & Repeat.

    RESOURCES

  • WebDev: Stage 2

    WebDev: Stage 2

    # Goal: Blog Completion

    Published 23-03-2025

    Dialling in on getting my head around WordPress to finally finish my blog site. The design is loosely based on my Figma design within the constraints of my current setup. (Free templates, plugins etc.). I have matched the color scheme, font and simple layout from the design.

    ## What I’ve accomplished

    Basic static blog site using WordPress. I have copy/pasted my previous blog entry into the site.

    ## What’s next?

    1. Can I blog in MD on WordPress?

    2. Process test and finish up the design.

    3. Begin the build process of Peaks Web Design. (blog)

    ## Resources

    (none)

  • WebDev: Origins

    WebDev: Origins

    # My First Blog Post

    Published 20-03-2025

    Welcome to my _new blog_ where I share my thoughts on web design and collect resources that inspire my work. Here, I will be share my learning journey and document my notes for future reference.

    ## What I’ve accomplished

    1. **Figma Design**: After spending hours watching videos on YouTube for inspiration, I decided to make a blog as my first project. This can then be used to document my learning journey and keep structured notes to refer back to. I designed a landing page for the blog site on Figma to get the ball rolling.

    2. **Domain Purchased**: I purchased and hosting plan with Hostinger that offered a domain registration. I hav since registered another domain for the blog.

    3. **Loaded WordPress**: I have installed WordPress onto the blog domain. I have played around with themes and I am struggling to get the desired outcome. I feel restricted by the ‘free’themes to get my site as ive designed it on figma.

    ## What’s Next

    I have been reading reddit posts about ‘Carbon Fields’, a free WordPress custom fields library. I will continue to use WordPress before looking into another CMS or going fully custom.

    ## Resources

    Astro Docs – Write your first Markdown blog post

    (https://docs.astro.build/en/tutorial/2-pages/2/)