<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Emma Bogmann</title>
    <description>The latest articles on DEV Community by Emma Bogmann (@emma87).</description>
    <link>https://dev.to/emma87</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4190543%2F3d780056-3983-4246-a4ae-c15b73d6859b.png</url>
      <title>DEV Community: Emma Bogmann</title>
      <link>https://dev.to/emma87</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/emma87"/>
    <language>en</language>
    <item>
      <title>How I Rebuilt My Business Website With Revamp</title>
      <dc:creator>Emma Bogmann</dc:creator>
      <pubDate>Sun, 18 Oct 2026 13:08:13 +0000</pubDate>
      <link>https://dev.to/emma87/how-i-rebuilt-my-business-website-with-revamp-46ka</link>
      <guid>https://dev.to/emma87/how-i-rebuilt-my-business-website-with-revamp-46ka</guid>
      <description>&lt;p&gt;I wanted our website to look like it belonged to the business we were actually running.&lt;/p&gt;

&lt;p&gt;We sell specialist services. People need to understand what we do, see that we take our work seriously, and find a straightforward way to contact us. That puts a lot of responsibility on a website, even before anyone sends an inquiry.&lt;/p&gt;

&lt;p&gt;I already had a website and a clear idea of the standard I wanted. The useful content needed to carry forward. The presentation needed attention. I also wanted a practical way to make changes after the initial work was finished.&lt;/p&gt;

&lt;p&gt;I started with &lt;a href="https://revamp.dev/" rel="noopener noreferrer"&gt;Revamp&lt;/a&gt; by bringing in our existing website address. Its AI created a starting design I could review, and I could ask for changes in the same conversation.&lt;/p&gt;

&lt;p&gt;That became the most useful part of the experience. I could make decisions about my own business and see those decisions take shape on the page. As the work progressed, I paid attention to the details that would matter to a prospective customer: the images, the readability, the contact process, and how the website behaved on a phone.&lt;/p&gt;

&lt;h1&gt;
  
  
  Starting with the business I already had
&lt;/h1&gt;

&lt;p&gt;An existing website contains decisions you do not necessarily want to throw away.&lt;/p&gt;

&lt;p&gt;There is the way you describe your services, the images you have chosen, and the identity people already associate with you. Starting again should give you a chance to improve those things while keeping what still works.&lt;/p&gt;

&lt;p&gt;My early requests were quite specific about preservation. I wanted the existing website brought into the workspace, and I wanted to understand how closely the result could match what was already live.&lt;/p&gt;

&lt;p&gt;I learned to treat the first design as something to review carefully. A redesign can use an existing website as its starting point, but the details still deserve attention. I checked what had carried across and pointed out what needed changing.&lt;/p&gt;

&lt;p&gt;That gave the project a useful focus. We already had a business to represent. I could spend my attention on making that representation clearer and more professional.&lt;/p&gt;

&lt;h1&gt;
  
  
  Making the design feel credible
&lt;/h1&gt;

&lt;p&gt;I cared about how the website would feel to someone considering our services.&lt;/p&gt;

&lt;p&gt;The typography needed to be consistent. The images needed to fit the work we do. The page needed enough structure for a visitor to understand it without having to work through a wall of information.&lt;/p&gt;

&lt;p&gt;Some of my requests were about fairly small details. A logo looked too small. An image needed a different treatment. A heading needed better proportions. I wanted spacing and alignment to feel deliberate across the page.&lt;/p&gt;

&lt;p&gt;Those details affect the impression a business makes. An authentic image can explain something about the company. A clear heading can help someone find the service they need. Consistent typography makes the whole website easier to read.&lt;/p&gt;

&lt;p&gt;I also wanted to use the real brand assets I supplied. If an image or logo belonged on the website, it needed to appear correctly.&lt;/p&gt;

&lt;p&gt;The written claims mattered just as much. I asked for statements about credentials and performance to be checked against what the business could actually support. I wanted a website I could confidently stand behind when a prospective customer looked through it.&lt;/p&gt;

&lt;h1&gt;
  
  
  Explaining changes and seeing what came back
&lt;/h1&gt;

&lt;p&gt;I could give a simple request when that was enough.&lt;/p&gt;

&lt;p&gt;I asked for changes to background colors, supplied a replacement company logo, and asked for it to be made larger. For more involved sections, I shared reference images and more detailed instructions.&lt;/p&gt;

&lt;p&gt;I liked being able to work at both levels. Sometimes I knew exactly what needed changing. At other times, I had a reference and wanted help turning it into something appropriate for our website.&lt;/p&gt;

&lt;p&gt;There was also a useful distinction between changing one part of a page and changing the whole design. I often wanted to preserve the layout or wording while refining a particular image, section, or visual detail.&lt;/p&gt;

&lt;p&gt;Being able to say what should stay helped me keep control of the result.&lt;/p&gt;

&lt;p&gt;The work became a sequence of decisions I could review. I would look at a section, explain what felt wrong, and decide whether the next version was closer to what I wanted.&lt;/p&gt;

&lt;p&gt;I still needed to be involved. It was our business and our presentation. What made the process approachable was having a direct way to express those decisions and continue refining them.&lt;/p&gt;

&lt;h1&gt;
  
  
  Giving visitors a clearer way to get in touch
&lt;/h1&gt;

&lt;p&gt;A professional appearance matters, but the website also needs to help someone take the next step.&lt;/p&gt;

&lt;p&gt;I spent time on the contact experience because a visitor should be able to understand how to approach us. I wanted the contact area to feel tidy and the form to appear when someone chose to open it.&lt;/p&gt;

&lt;p&gt;I also looked at how the service sections connected to that contact process. Someone who has just read about a service should have an obvious way to ask about it.&lt;/p&gt;

&lt;p&gt;That changed how I judged the website. I started looking at each section through the decisions a prospective customer would need to make.&lt;/p&gt;

&lt;p&gt;Could they find the relevant information? Was the next action clear? Were we asking for more information than we needed at the beginning?&lt;/p&gt;

&lt;p&gt;Those were practical questions I could bring into the same conversation as the design changes.&lt;/p&gt;

&lt;p&gt;The mobile experience needed its own attention too. I asked for it to be reviewed, along with the navigation and frequently asked questions. Looking good on a desktop did not remove the need to check how a visitor would use the website on a smaller screen.&lt;/p&gt;

&lt;h1&gt;
  
  
  Working through the details
&lt;/h1&gt;

&lt;p&gt;There were things I asked to change more than once.&lt;/p&gt;

&lt;p&gt;Some images needed further adjustment. Logos needed more attention to their size and appearance. I raised questions about navigation and how the mobile layout looked.&lt;/p&gt;

&lt;p&gt;I think that is worth saying because an owner needs a realistic picture of what a website project involves.&lt;/p&gt;

&lt;p&gt;Seeing a first version is helpful. Reviewing it is where you make sure it suits your business. I looked at the result, gave feedback, and kept asking for the details that mattered to me.&lt;/p&gt;

&lt;p&gt;My advice would be to bring your actual images, know which content you want to keep, and check the important parts as you go. If something looks wrong, point to it as precisely as you can.&lt;/p&gt;

&lt;p&gt;For me, the value was having a way to keep working through those decisions within the project. I could ask for help, clarify what I meant, and continue shaping the website.&lt;/p&gt;

&lt;h1&gt;
  
  
  Having a website I can keep improving
&lt;/h1&gt;

&lt;p&gt;I use Revamp on the Grow plan.&lt;/p&gt;

&lt;p&gt;For me, the appeal goes beyond getting a design onto a screen. I want to be able to keep working on the website as the business changes.&lt;/p&gt;

&lt;p&gt;A service description may need to be clearer. A new image may represent our work better. A contact section may need another adjustment after we have used it for a while.&lt;/p&gt;

&lt;p&gt;Those are ordinary business needs. I want a manageable way to deal with them.&lt;/p&gt;

&lt;p&gt;Working through this project gave me a process I could return to: review the page, decide what needs attention, and explain the change. I could use our own materials and keep directing how the business was presented.&lt;/p&gt;

&lt;p&gt;That sense of control has been a large part of the positive experience for me.&lt;/p&gt;

&lt;p&gt;It also changes how I think about the website. It can continue developing alongside the business. I do not have to treat every decision made during the initial redesign as permanent.&lt;/p&gt;

&lt;p&gt;I still care about reviewing the result. The difference is that making another improvement feels like a practical next step.&lt;/p&gt;

&lt;h1&gt;
  
  
  A stronger presence and more customers
&lt;/h1&gt;

&lt;p&gt;Since moving to the new website, I have seen greater visibility for the business and more customers coming to us.&lt;/p&gt;

&lt;p&gt;The website has been part of that progress, alongside the work we do and the relationships we build. It gives people somewhere to learn about us and decide whether to start a conversation.&lt;/p&gt;

&lt;p&gt;I am more comfortable sharing it because I have been able to shape the details myself. The presentation, the information, and the way someone gets in touch all deserve that attention.&lt;/p&gt;

&lt;p&gt;For a specialist service business, I think that confidence matters. Prospective customers may visit the website before speaking to us. I want what they see to support the impression we would give them in a direct conversation.&lt;/p&gt;

&lt;p&gt;The improvement I value most is having more control over that first introduction.&lt;/p&gt;

&lt;p&gt;I can look at the website from a customer’s point of view and keep asking whether it explains the business well. When I see something that should change, I have a way to act on it.&lt;/p&gt;

&lt;p&gt;That has made the website feel more useful in the everyday work of running the business.&lt;/p&gt;

&lt;h1&gt;
  
  
  What I would tell another business owner
&lt;/h1&gt;

&lt;p&gt;If you already have a website, start by deciding what you want to carry forward.&lt;/p&gt;

&lt;p&gt;Gather your real images and logo. Identify the information people need before contacting you. Think about what should be clear on the first page and what deserves more explanation elsewhere.&lt;/p&gt;

&lt;p&gt;Then review the design against those needs. Check it on a phone. Follow the navigation. Look at the contact experience as though you were a prospective customer visiting for the first time.&lt;/p&gt;

&lt;p&gt;My experience with Revamp has been very positive because I could stay involved in the decisions without having to handle every part of building the website myself.&lt;/p&gt;

&lt;p&gt;I could bring an existing website, describe what I wanted, provide references, and keep refining the result. That made a substantial project easier to approach and gave me more confidence in what we were putting in front of customers.&lt;/p&gt;

&lt;p&gt;If you are considering a similar move, you can &lt;a href="https://revamp.dev/" rel="noopener noreferrer"&gt;start with your existing website on Revamp&lt;/a&gt;. Bring the parts that represent your business well, and take the time to improve the parts that need attention.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>How to review a website template before you customize it</title>
      <dc:creator>Emma Bogmann</dc:creator>
      <pubDate>Sat, 17 Oct 2026 13:21:54 +0000</pubDate>
      <link>https://dev.to/emma87/how-to-review-a-website-template-before-you-customize-it-cid</link>
      <guid>https://dev.to/emma87/how-to-review-a-website-template-before-you-customize-it-cid</guid>
      <description>&lt;p&gt;A website template can look finished while still containing sample content and demonstration links. Before customizing it, separate what the design shows from what a real visitor will need to do.&lt;/p&gt;

&lt;p&gt;This walkthrough uses the public &lt;a href="https://revamp.dev/templates/med-spa-website-template/" rel="noopener noreferrer"&gt;Revamp med spa website template&lt;/a&gt; as a worked example. Its demo brand is FORMA. This is a review of the public example, not a report about a real clinic or a completed customer launch.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Map the page before judging the design
&lt;/h2&gt;

&lt;p&gt;The example has a hero introduction, an approach section, a treatment menu, a skin-care philosophy section, first-visit information, and footer navigation.&lt;/p&gt;

&lt;p&gt;That sequence gives a reviewer something concrete to evaluate: can someone understand the offer, explore the relevant service, and find a next step?&lt;/p&gt;

&lt;p&gt;For another business, write the same sequence in ordinary language. A restaurant might need a menu, location, opening hours, and a reservation route. A consultant might need services, evidence, and an enquiry route. Decide what the visitor needs before adding more sections.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Inspect the destination behind the action
&lt;/h2&gt;

&lt;p&gt;In the FORMA preview, the main navigation links point to sections on the same page. The hero's starting-point link points to the treatment section, and several consultation links point to the first-visit section.&lt;/p&gt;

&lt;p&gt;Those are navigation steps. They do not establish that an appointment has been requested or confirmed.&lt;/p&gt;

&lt;p&gt;The final contact link in this public demo uses an illustrative email address, &lt;a href="mailto:hello@example.com"&gt;hello@example.com&lt;/a&gt;. That is sample content to replace before a real launch. A visual review should catch it before a visitor does.&lt;/p&gt;

&lt;p&gt;For each important link, record three things:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The label the visitor sees.&lt;/li&gt;
&lt;li&gt;The destination it opens.&lt;/li&gt;
&lt;li&gt;The business outcome that should happen afterward.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For example, 'Request a consultation' could open an enquiry form, an email draft, or a scheduling service. Choose the behavior deliberately and make the label match it.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Keep design and business setup as separate decisions
&lt;/h2&gt;

&lt;p&gt;The template's catalog page describes appointment tools as possible additions. That wording should not be treated as evidence that a booking account is already connected.&lt;/p&gt;

&lt;p&gt;When reviewing any starter design, keep a short list of what is visible, what is sample content, and what needs configuration. This prevents a useful design from being mistaken for a completed business workflow.&lt;/p&gt;

&lt;p&gt;Replace the demo business name, service descriptions, imagery, contact details, and any other sample information with content the real business has approved. For a regulated business, the relevant professional should review its public claims.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Write acceptance checks for the finished website
&lt;/h2&gt;

&lt;p&gt;These are proposed checks for a customized website, not claims that this demo has passed them:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Area&lt;/th&gt;
&lt;th&gt;Check before launch&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Navigation&lt;/td&gt;
&lt;td&gt;Open every important destination directly and through the page's links&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Contact&lt;/td&gt;
&lt;td&gt;Send a clearly identified test enquiry and confirm it arrives at the intended destination&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Scheduling&lt;/td&gt;
&lt;td&gt;If scheduling is added, check the available service, time, and confirmation&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Mobile&lt;/td&gt;
&lt;td&gt;Review the menu, long text, buttons, and forms on a narrow screen&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Keyboard&lt;/td&gt;
&lt;td&gt;Reach the important links and controls without a pointer&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Content&lt;/td&gt;
&lt;td&gt;Search for sample names, contact details, and descriptions that still need replacement&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;If a check fails, describe the observed behavior and the expected result. 'The contact link opens the sample email address; replace it with the approved enquiry route' is more actionable than 'make the site work.'&lt;/p&gt;

&lt;h2&gt;
  
  
  What this review establishes
&lt;/h2&gt;

&lt;p&gt;A public preview can show the design, section structure, and link destinations. It cannot establish the results of a customer's launch, the reliability of an untested integration, or whether a website will attract enquiries.&lt;/p&gt;

&lt;p&gt;Review the example, customize it for the actual business, then test the completed visitor journey on the published site.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Disclosure: This educational walkthrough was prepared with AI assistance and input from Revamp. It is not an independent customer testimonial. Observations concern the public demo; the launch checklist describes checks to perform, not completed tests.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>business</category>
      <category>design</category>
    </item>
  </channel>
</rss>
