Two website specialists reviewing page code during a project handover
    Back to Case Studies

    Turning a Founder's Source Material into a Website

    I used an Ontario startup's founding document to develop website copy and page direction, then implemented the agreed pages and lead-capture setup. The work included presenting design options and refining the selected direction with the client.

    Web BuildBrand CopySEOLead Capture
    Valentina, founder of Rellatech

    Valentina Akpan: Founder of Rellatech, providing administrative and operations support to executives, founders, business owners and teams. Her background combines technical support, customer success, administration and operations.

    ·

    The Starting Point

    The client had a working product, a brand, and a founding document that set out exactly how they wanted to grow and treat the partners they were about to approach. They did not yet have a website, and their outreach was starting soon.

    They asked for something simple. Once I read their founding document, I could see the site also needed to sound like them, because the partners they wanted to approach would be reading it.

    What I Did

    I started with the design direction before writing any code. I built three sample landing pages in different styles and put them online the same day, so the client could look at real pages rather than a description. They picked an editorial, magazine style look, and the rest of the work refined that direction.

    From there I turned the founding document into the site itself. The hero headline is the client's own mission line. The values on the story page are their values, word for word. The partner page is written around their promise of partnership over transactions, with the founding partner program front and centre. The copy came from that document rather than being written fresh for the site.

    Along the way I added the parts a landing page needs to work: a contact page and a partner inquiry form that save every submission and email the team, per-page titles and descriptions, canonical tags, a sitemap, structured data for search engines, and social preview images. I also replaced the stock typography and animated the key sections to reflect what the product does.

    What Went Into the Build

    Three sample directions presented

    I built three landing page styles and put them online in a day, so the client could look at real pages rather than a written description. Only the chosen direction was developed further.

    Editorial, magazine-style layout

    The client chose this direction, with large type, careful spacing and a layout closer to a printed magazine feature than a template.

    Copy pulled from the brand's own document

    I wrote the hero, story and values sections from the client's founding document, using their exact words where it mattered.

    Partner page built around their promise

    A separate page for the partner program, written around the client's promise of partnership over transactions, with the founding cohort given a prominent place.

    Contact and partner inquiry forms

    Each submission is saved to the database and emailed to the client.

    SEO and social ready at launch

    Per-page titles and descriptions, canonical tags, sitemap, structured data for search engines, and social preview images.

    The Details That Took the Longest

    The first version had tiny label text, default fonts, and flat grids, so it looked like many quickly built pages online. We went through the sections one by one, sizing up the small text, swapping the fonts for a pairing with more character, and rebuilding the flattest section into an animated journey drawn from the brand's own mark.

    Those passes took most of the design time.

    Where It Stands

    At the time of writing, the site is live on a staging link and the client is refining it with me ahead of connecting their domain. When their product goes public, I will add it to the navigation, and the rest of the site already links toward it.

    I wanted the landing page to sound like the founder who would be sending it, rather than like the tool it was built in.

    Tools Used

    This site was built in React with Lovable Cloud for that project. Whether a custom build like this fits a new website project depends on the scope we agree in advance.

    ReactTailwind CSSLovable CloudCustom Type PairingMotionStructured Data

    Who This Is For

    This case study may be useful to you if you are:

    • ●An early-stage team preparing to launch and starting outreach before you have a website
    • ●A brand with a strong voice on paper that does not yet come through on the site
    • ●A team that wants a landing page in their own words rather than template copy
    • ●Anyone who needs SEO, lead capture, and email notifications set up properly at launch rather than later

    Need help with similar work?

    Tell me which responsibilities or processes need attention, who is involved and any upcoming deadlines. I provide administrative and operations support, including the connected technical work within our agreed scope.

    Book a free call